Recharts Sankey

A Sankey flow diagram — every node is a vertical bar with width proportional to its total throughput, and every link between nodes is a curved ribbon whose thickness is proportional to the volume that flows along that path. Recharts' `<Sankey>` runs the standard Sankey-layout alg

Template details

  • chart
  • sankey
  • flow
  • network
  • recharts
  • react

When to use this template

This visualization makes obvious how a specific quantity or set of entities flows through a multi-stage system, revealing the magnitude of movement along different paths. An analyst would reach for it to understand the journey of resources, identify bottlenecks, trace origins to destinations, and quantify losses or diversions at each stage.

  • Data representing discrete, sequential stages and transitions between them.
  • Numerical values indicating the volume or count of flow between nodes.
  • Categorical or nominal labels for nodes, with quantitative link weights.
  • Datasets tracking the progression of entities through a defined process.
  • Analyzing flow conservation or identifying points of gain/loss within a system.

Browse all Koan templates