SankeyMATIC
Make beautiful flow diagrams
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, and more.
Enter your data easily
The format for entering flows is simple:
Source [Amount] Target
![Screenshot of these inputs in the SankeyMATIC interface:
Applications [9] Rejected
Applications [4] Interviews
Applications [4] No Answer
Interviews [2] Offers
Interviews [2] No Offer
Offers [1] Accepted
Offers [1] Declined](i/inputs-example.png)
![Diagram showing the job search inputs as flows in a connected sequence. The far left node is labeled 'Applications' and the final nodes on the right show Offers diverging evenly into two nodes labeled 'Accepted' and 'Declined'.](i/job-search-example-2000x1200.png)
Customize your diagram interactively
SankeyMATIC provides a wide array of controls which enable you to make your diagram look the way you want.
![Screenshot of these inputs in the SankeyMATIC interface:
A [1] B
A [1] C](i/inputs-customize.png)
![Two flows from one node, curved and colorful](i/custom-rev0.png)
![Two flows from one node, curved but closer together](i/custom-rev5.png)
![Two flows from one node, gray and not curved](i/custom-rev1.png)
![Two flows from one node, filling the entire vertical space so that it looks like a simple bar graph or a treemap](i/custom-rev6.png)
![Two flows from one node with a dark background, filling the whole space and with the labels inside the nodes instead of outside](i/custom-rev3.png)
![Two thin curved flows from one node with a dark background](i/custom-rev8.png)
![Two thin curved flows from one node with a dark background, showing the value of each node in their labels (A: 2, B: 1, C: 1)](i/custom-rev4.png)
![Two thin curved flows from one node with data labels to the right of each node and showing their values with a prefix and suffix – A: $2M, B: $1M, C: $1M](i/custom-rev9.png)
Save your work multiple ways
You can export a diagram as:
- a high-resolution image (PNG), choosing from multiple sizes
- a vector file (SVG), suitable for embedding in a web page or importing into a vector graphics editor.
You can also save the current state of your work in a readable plain text file, making it easy to:
- ...resume your work later on any computer or in any browser
- ...compare versions of a diagram (by showing the differences between source files)
Use it freely
There are no extensions to install. There is no code to write.
You do not have to enter an email address or sign up for a trial period.
(You are welcome to contribute to support SankeyMATIC's development, if you like.)