Visualizes the layout relaxation iteration of the Sankey component by Mike Bostock.
Code: https://github.com/monfera/sankey-bench
The graph layout process was visualized to see the effects of various tweaks, as the current layouting doesn't eliminate all avoidable link crossings (e.g. Marine Algae
wouldn't have to cross Other waste
, which, on the other hand, represents a much higher volume).
This specific animation deviates from the alpha decay in the original for a smoother initial animation: alpha starts out at zero, rides up half a sine and goes back to zero.
d3-sankey Copyright Mike Bostock
Energy data: Department of Energy & Climate Change, Tom Counsell http://tamc.github.io/Sankey/ via Mike's example
Rendering code derived from work in process Copyright Plotly, will be MIT licensed in plotly.js
d3-sankey
source repository: https://github.com/d3/d3-sankey
Local modifications:
requestAnimationFrame
loop to allow pre-iteration rendering (via passed-on render callback)Uploaded with blockbuilder.org
https://d3js.org/d3.v3.min.js