All examples By author By category About

micahstubbs

Sankey Gradients

here all of the link path gradients render 😀

sankey
  .nodes(graph.nodes)
  .links(graph.links)
  .layout(13); // any value > 13 breaks the link gradient

an iteration on by Patient Flow Sankey Particles from @micahstubbs

see also the broken version with 14 layout iterations

inspired by the blog post Data-based and unique gradients for visualizations with d3.js and associated example Data based gradients - Simple - Solar system from @nadiehbremer