A breath of relaxation

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:

• Stable sorting (irrelevant with this dataset)
• Inlining code here so it works with d3 v3.*
• Replacing the relaxation loop with a requestAnimationFrame loop to allow pre-iteration rendering (via passed-on render callback)
• Overriding alpha decay and iteration limit check with a half-sine curve

Uploaded with blockbuilder.org