Sankey diagram
Band widths represent quantities moving between stages.
100 objects at the repair café
100 objects received; 100 assigned an outcome.
Illustrative dataView data3 records
| Item | Group | Objects |
|---|---|---|
| Repaired | Received | 65 |
| Parts | Received | 25 |
| Recycled | Received | 10 |
When it fits
Follow how a total splits into destinations.
What you need
Directed connections with comparable, nonnegative quantities.
Watch for
Unexplained losses or gains between stages make the flow misleading.
In practice
Sources and accessibility
The authored example uses illustrative data. Published references retain their original information and presentation.
- D3 · Sankey diagrams
- Lawrence Livermore National Laboratory · US energy flows, 2022
- W3C WAI · Accessible descriptions for complex images
Use Tab to reach controls and the data view. Native selects support arrow keys. All values are available in the data view; color and hover are never the only way to read the example.