Mermaid template

Sankey Diagram

Flows between nodes drawn as bands whose width shows the amount - budgets, traffic and energy.

sankey-beta

Visitors,Editor,8000
Visitors,Templates,3500
Visitors,Leave,1500
Editor,Export,5200
Editor,Share,1800
Editor,Leave,1000
Templates,Editor,2600
Templates,Leave,900

A Sankey diagram shows how a quantity splits and combines as it moves between stages. The width of each band is the amount, so the biggest flows are obvious.

The source is CSV: one row per flow, with source, target and value. Rows that share a name join the same node.

Spotted a bug or have a suggestion?

Found something broken, have an idea, or just want to say thanks about any of our tools? Every message reaches a real person.