Sankey diagram maker
This sankey diagram maker draws where an amount goes: a paycheck splitting into rent, food and savings, or revenue turning into costs, tax and profit. Tap a node to add a branch, type the amounts, and every ribbon resizes to match. Download the finished chart or publish it to share.
Also known as: sankey chart maker, budget sankey, income sankey, cash flow diagram, salary progression chart.
Free. No account needed. Export a PNG.
Start a sankey diagram
Every start opens the same editor; a budget, an income statement and a salary progression only differ in what they begin with.
Popular completed sankey diagrams
See allNo completed sankey diagrams have been published yet.
How to make a sankey diagram
- Pick a start. The monthly budget opens with a paycheck and a side gig flowing into a budget, then out to rent, food, savings, a car and fun money, so you can see how the format reads before you change a thing. The company income statement opens on revenue, costs and profit in millions. Blank starts empty, and salary progression opens a job list instead of flows.
- Build the flows on the chart itself. There is no table to fill in first: the chart is the editor. Tap a node to see its total and a bar with Branch, Color, Rename and Delete. Branch asks where the money goes and how much, and shows what is left to allocate. Tap a ribbon to change its amount. Add income puts a new source on the left, and dragging a node onto another moves it under that node.
- Style the chart. Settings sets the prefix and suffix printed around every number, so $4,800 can read $4,800/mo or 620M. Choose names only, or names with their amounts where a bar is tall enough to fit both, a light or dark chart, and a wide, square or tall sheet. Any node can take one of the palette colors or a custom one, and text and pictures can go on top of the chart.
- Download or publish. Export the finished diagram as a PNG, a JPEG or a PDF at the sheet shape you picked. Or publish it to get a link with a preview card and a page where anyone you send it to can tap a node to read its total, where it comes from and where it goes.
What you can do
- Tap any node or ribbon on the chart to edit it; there is no separate data table to keep in sync.
- Add a branch from any node and a meter shows how much of its total is still left to allocate.
- Dashed stubs and a + chip mark every node that still has money unallocated.
- Drag a node onto another node to move it, and its flows, under that node.
- A value prefix and suffix on every number: dollars, euros, per month, thousands or millions.
- Labels show names only, or names with their amounts where the bar is tall enough.
- Light or dark chart, per-node colors, and a wide, square or tall sheet.
- A salary progression mode: one row per job, pay per hour or per year, with percent change between jobs.
- Draw a salary history as a list or as a graph in steps or a smooth curve; the chart shows the one you pick.
- Undo and redo on every change, and nothing to install.
Make your own sankey diagram
A monthly budget
Put your paycheck and any side income on the left, and let the budget split into rent, groceries, savings, the car and whatever is left for fun. A budget sankey shows in one picture what a spreadsheet takes a column of numbers to say: where most of the money actually goes, and how thin the savings ribbon really is.
A company income statement
Revenue from each product line flows into total revenue, which splits into cost of revenue and gross profit, then operating expenses, tax and net profit. This is the income sankey that earnings coverage made familiar. Set the suffix to M, type the reported figures, and the proportions do the explaining.
A salary progression
List every job you have held with the year, the title and the pay, hourly or yearly, and the chart shows how far you have come, with the percent change between each job. It is a clear way to show what the jump from an hourly first job to a salaried role was actually worth.
Cash flow for a project, a club or an event
Ticket sales and sponsorship on the left, venue, food, prizes and the leftover balance on the right. A cash flow diagram is easier to share with a committee than a ledger, and when a number changes you tap one ribbon instead of rebuilding a slide.
Time and energy, not only money
Nothing about a sankey diagram requires currency. Clear the prefix, set the suffix to h, and chart where the hours in a week go, how a class spends a semester, or which sources a website visit comes from. The amounts only have to add up.
Common questions
What is a sankey diagram?
A flow chart where the width of each band is proportional to the amount it carries. Sources sit on the left, destinations on the right, and anything in between splits and merges along the way. It is the standard way to show a budget, an income statement or an energy balance, because the eye reads width as size without having to compare numbers.
How do I add a flow?
Tap the node the money comes from and choose Branch, or tap the + chip at the end of a dashed stub. Type where it goes (a new name or an existing node) and the amount. The sheet shows how much of the node is still left to allocate, and it refuses a flow that would loop back on itself.
What happens if a node sends out more than it takes in?
The chart still draws, and the editor marks the node with a short red stub showing how far over it is, so you can find the mistake at a glance. The published picture draws every complete flow as typed, and each node is as big as the larger of what goes in and what comes out. A flow missing a name or an amount is left out of the picture.
Can I make a salary progression chart?
Yes. Pick the salary progression start. Each row is one job with a year, a title and the pay per hour or per year (typing 85k works), plus an optional note. Percent change chips appear between jobs, with hourly pay converted at 2,080 hours a year so the comparison is fair. Pick whether the chart shows the list or a graph.
What shapes and colors can the chart be?
The sheet is wide, square or tall, set in Settings. The chart is light or dark, and each node takes a color from the palette or a custom color, with the ribbons shading from one end's color to the other's. Text and pictures can be added over the chart and moved anywhere on the sheet.
Is it free? Do I need an account?
It is free and the editor opens without a login. Your work is kept in this browser while you make it, and exporting asks nothing of you. Publishing is the one action that needs an account, because a published diagram is a public page with a name on it.
Is there a watermark on the download?
The exported image carries the site address, tiermaps.com, in small type in the bottom corner. Nothing is drawn over the chart itself, and a published page shows the preview with no mark at all. The export is otherwise unrestricted: full size, no crop, no sign-in wall.