Arrows representing data flow ⇨

The open source Adj framework has a new command pathArrow.

Use

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 motivation to implement pathArrow has been to represent data flow.

Admittedly, no interactive demo of “flying arrows flapping wings” here yet.  The original purpose of Adj hasn’t been interactivity, but long term maintenance of illustrations, ease of adjustment to subject changes, then reuse of drawings, and only then interactivity while users explore illustrations or when data changes.

Implementation

You can ignore implementation details, and simply use pathArrow.

The geometric algorithm of pathArrow could use a little bit of improvement to more gracefully handle certain corner cases.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: