swoopyarrows.js

Finally an open source project to match the scope of our ambition! swoopyarrows.js makes swoopy arrows between things. It currently depends on D3 and returns a closure vaguely akin to the d3.svg.axis() object, except sloppier and more confused.

# swoopyArrow()

Create a new default swoopy arrow object.

# swoopyArrow.from([element])
# swoopyArrow.to([element])

Get or set where to draw the arrow from and to, in any of four forms (in any mix): - a DOM element: document.getElementById("hed") - a jQuery element: $("#hed") - a D3 element: d3.select("#hed") - a coordinate array [x,y]: [100,200]

# swoopyArrow.degrees([degrees])

Get or set the angle which the arc of the arrow will subtend. - 90 for a gentle arc, 180 for a bigger swoop. - Beyond 180, it gets gentler again, because of the way SVG computes arc. - Pass 0 or 360 for a straight arrow.

# swoopyArrow.clockwise([boolean])

Get or set boolean determining whether arrow will swoop clockwise (true) or counterclockwise (false).

Welp, that's it for now! Feel free to check out our many issues and laugh in my face.

Swoopy arrows have been in use since Egyptian hieroglyphics. They belong to no one ↪↺↷⟲⤣⤥⤴⤵⤶⤷⤹⤳⤻⤿⤺

— Jennifer Daniel, patron saint