Elasticdraw evolution


This post allows reading up on Elasticdraw in the order it has been written about.

Another view is a list with excerpts, also in chronological order.

Read the rest of this entry »

Systems Illustration Life Cycle


Involved in a product’s cycle from determining need to making product and taking it through versions through years, one’s point of view can change.  Like sitting in a train passing cities, villages, and mountains, one’s point of view changes on approach, entering, and passing.

Read the rest of this entry »

Long-term usable HTML and SVG


Making lasting documents doesn’t have to contradict agility, but conflicts occur.  Of that I was reminded when switching index.html of the technical User Guide of Adj (before starting work on Elasticdraw) from XHTML to HTML5, on a branch.

Traditionally building for endurance

For more than a decade I have preferred XML compliant documents, such as XHTML, because one

  • can query one or many documents with XML tools (XSL, XPath, XQuery, XML databases) without need to serve documents from a specific server (which would have to be running), and
  • can query content without documents having to be open inside a browser (which regularly change with version updates), for example as files on disk.

Documents being pure data means Read the rest of this entry »

Elasticdraw is distinct from Adj


This post has been updated for clarity.

Elasticdraw is the name of new, distinct software.  Its code has been started by the same person coding most of Adj.  Stay tuned for Read the rest of this entry »

Refreshingly irregular ∡


Adj command telescopicTree allows free-form layouts: Put something here, then something to the left, then something below it, then something to the right of the first item, etc..

An Example telescopicTree

An Interactive Example Adj telescopicTree

A bit as if you were drawing on a whiteboard.

In telescopicTree Adj’s elasticity works – Adj’s raison d’être.

Within and around telescopicTree Adj’s ability to nest also works – a signature feature.

It doesn’t have to be exactly to Read the rest of this entry »

Improving Adj constraint algorithms ⬚


Today’s attached example provides a glimpse at algorithm improvements an individual could contribute.

Explain circularList Option packArc

Explain Adj circularList Option packArc

You can click the Explain checkbox and drag the slider knob. Documentation of command circularList is provided online.

Of the source commit of command circularList option packArc, essential code is Read the rest of this entry »

Arrows representing data flow ⇨


The open source Adj framework has a new command pathArrow.


Adj pathArrow Illustrated

Adj Command pathArrow Illustrated

Command pathArrow takes a path given as arrow shape and stretches and bends its shaft along another path given to follow.

Command pathArrow becomes most useful in conjunction with other features of Adj, such as commands vine, connection, rider and more:  Automatic adjustment can work its magic where the arrow goes – relative to elements – and what it looks like.

From a designer point of view, pathArrow enables better control of width, color, transparency, and end shapes.  Even computed width is possible.

One Read the rest of this entry »