block by micahstubbs 5e07b8b42f4fb826a7145e800dc23ec2

Bounded Force Layout - Columns by Depth

Full Screen

This example takes bjtucker‘s block: Bounded Force Layout - force rank by group and swaps out the dataset, showing energy flows from source to use.

This example also adds a Simple D3 tooltip. Hat tip to biovisualize for that bl.ock.

See another view of this energy flow data at the bl.ock Sankey Particles - Transparent Links


README.md from the original bl.ock


This D3 example shows how to constrain the position of nodes within the rectangular bounds of the containing SVG element. As a side-effect of updating the node’s cx and cy attributes, we update the node positions to be within the range [radius, width - radius] for x, [radius, height - radius] for y. If you prefer, you could use the each operator to do this as a separate step, rather than as a side-effect of setting attributes.

Wrote the each operator step described above, but used tick to settle groups into separate ranks. -bjtucker

index.html

graph.json