Sankey diagrams are used to compare amounts through different stages. They can visualize: budgets, financial results, the story of an application process, elections with multiple rounds, …

Make beautiful Sankey diagrams. Export them as images or SVG with this free data visualization tool.

Apr 23, 2023 · Follow: @[email protected] SankeyMATIC is produced by Steve Bogart ( @[email protected]). Source code is available at GitHub. SankeyMATIC builds on the open …

The scale used for all diagrams on this page is: 100 pixels =~ $50 Billion. Data Source: Apple's Investor Relations page

Improvement #1: A better layout engine! SankeyMATIC has new ideas about how to arrange Nodes and Flows.

Try out the links! You may encounter a new technique, or you may arrive at a better layout than I did. Here are all 3: NVIDIA 2025 Q2, Apple 2024 Q3, Apple 2024 Year-to-Date. Beyond the …

This energy dataset is used in the big library of D3 examples as a demonstration of D3's Sankey capabilities. I have adapted the original inputs (found attached to the above page as …

Aug 27, 2025 · You can read the whole story of a financial report using a Sankey diagram, and by using the same scale across years, you can see visually exactly how the story has changed …

Fun things I’ve been learning lately about the modern ways to do things on the web: As always, MDN Web Docs has been invaluable for documentation and examples. A cool feature is …

This post prompted me to go track down when each of the other sample diagram types was added, for comparison: “ Financial Results ” & “ Start Simple “: December 2022 “ Job Search ” …