What is a Sankey diagram?
A Sankey diagram shows how a quantity moves through connected stages. The width of each flow is proportional to its value, which makes drop-off, allocation, and conversion patterns easy to compare.
Free flow chart tool
Free Sankey Diagram Maker
A Sankey diagram shows how a quantity moves from source to target, with wider bands for larger values. Paste feedback flows, funnel stages, user paths, or a budget below to create an interactive Sankey chart privately in your browser.
Sankey diagram editor
Your flows
One row per connection. Values stay in this browser. Refreshing clears your work.
Source -> Target: value
or source,target,value. Header rows and # comments are okay.
Ready templates
Flow preview
6 nodes · 6 links · 100 items total source flow
Scroll sideways to explore the chart on smaller screens. Drag nodes vertically or use their arrow keys.
Accessible flow summary
Percentages use 100 items as the explicit denominator. Intermediate gaps describe retained or external flow; percentages can exceed 100% when additional flow enters an intermediate node. A node’s size and percentage use the larger of its inflow and outflow.
| Node | Inflow | Outflow | Gap | Move |
|---|---|---|---|---|
| Support tickets | 0 items | 42 items | -42 items | |
| Theme | 100 items | 85 items | +15 items | |
| Feature requests | 0 items | 58 items | -58 items | |
| Product discovery | 60 items | 60 items | Balanced | |
| Shipped | 69 items | 0 items | +69 items | |
| Feature request | 60 items | 44 items | +16 items |
Links
- Support tickets → Theme: 42 items (42.0%)
- Feature requests → Theme: 58 items (58.0%)
- Theme → Product discovery: 60 items (60.0%)
- Theme → Shipped: 25 items (25.0%)
- Product discovery → Feature request: 60 items (60.0%)
- Feature request → Shipped: 44 items (44.0%)
Embed HTML
How to make a Sankey diagram
Step 1
Add flows
Paste Source -> Target: value rows or a three-column CSV. Use positive finite numbers and keep the graph moving forward.
Step 2
Check the model
Review the explicit source-flow total, link percentages, and intermediate inflow/outflow gaps in the accessible summary.
Step 3
Customize
Set units, recolor links, toggle percentages, and drag nodes with a pointer, touch gesture, or arrow keys.
Step 4
Export
Download SVG or PNG, or copy the safe self-contained embed HTML for a document or presentation.
Read a Sankey chart without inflating the total
Start with sources. The denominator is the outgoing flow from nodes with no inflow. Internal stages show where that quantity goes next.
Check gaps. An intermediate node can retain, lose, or receive external flow. The summary calls out the signed difference between inflow and outflow.
Keep names clear. Use short stage names in the visual and keep the full Unicode labels in the accessible table and exported SVG title labels.
Sankey diagram maker questions
What format does this Sankey diagram maker accept?
Paste rows such as Source -> Target: 42, or use three CSV columns: source,target,value. Header rows and # comments are supported, and quoted CSV names can contain commas.
How are percentages calculated?
Percentages use the total outgoing flow from source nodes as the explicit denominator. Internal links are not added again, so a multi-stage journey does not inflate the total.
Can I export a Sankey chart?
Yes. Download a self-contained SVG or a high-resolution PNG, or copy safe embed HTML containing the current SVG. Exports are disabled whenever the input is invalid.
Is my data private?
Yes. Parsing, layout, and exports run in your browser. This tool does not upload your rows, store them on FeatureVote, request external images, or require an account.
Track where your feedback really goes
FeatureVote gives product teams a public board for collecting ideas and votes, so you can connect customer feedback to the themes and features you ship.
Try FeatureVote free