Sankey Diagram with Zooming

An interactive energy-flow Sankey diagram built with D3 v3.

Controls

• Mouse wheel / trackpad pinch: zoom in and out around the cursor
• Click and drag background: pan the view
• Drag a node: rearrange nodes (the diagram re-lays out its links)
• Double-click background: reset zoom

References

• Visualization 014d81d7d1264b68879fad3a893197e8
• Visualization gist-fc3b1579d37ebd7cb698b9400aa13fe0