block by emeeks 531f107a0ff6eff5d543

Orbital Layout 1

Full Screen

This is an early draft of a hierarchical orbital layout. Like other hierarchical layouts (pack, tree, treemap, etc) It takes nested data annotates it with xy values for display, in this case arranging the data into orbits, with child nodes orbiting parents and the root node at the center.

You can set the layout size as an array but for now only circular orbits are supported (no ellipses) and as such only the first value in the array is honored.

It will likely improve from this initial version but it’s already got orbital rings and animation.

index.html

d3.layout.orbit.js