Skip to content
Source on GitHubVisitors

Sankey diagram

Show how a quantity splits and merges between stages, with each flow as thick as its value.

Diagram · origin tag etalii/sankey · Data-oriented diagrams

Availability

Availability per host
HostStateHow to get it
StandalonePrototypeNot yet released
DesktopPrototypeNot yet released
IntelliJ PlatformNot plannedNot planned
Visual Studio CodeNot plannedNot planned
EclipseIdeaNot planned
ThinkRailNot plannedNot planned
NotionNot plannedNot planned
ClaudeNot plannedNot planned

What it is for

Sankey diagram (nodes in columns joined by flows whose thickness follows their value, drawn as smooth translucent bands in the income-statement style of annual reports; domain agnostic, with a twelve-word colour palette or custom hex per node and flow, a thickness scale, values stepped in place, and nodes dragged within their column while the others make room; `.skv` — Sankey Diagram Visualization, ADP's own YAML schema, registered by an `.adp` file); `sankey`

Why a specialized view helps

A Sankey diagram's meaning is in its proportions: flow thickness must follow value, columns must balance and bands must curve cleanly between stacked bars, which a generic canvas leaves to hand-drawing.

File formats

ExtensionFormatReadsWrites
.skv.skvYesYes

Screenshots

The coffee company's income statement as columns of nodes joined by translucent bands as thick as their value: four revenue streams on the left flowing into revenue, then gross profit and cost of revenue, and on to operating expenses, tax and net profit on the right; Toolbox showing Node. Nothing selected.

Standalone, at c400088

What is visible: The coffee company's income statement as columns of nodes joined by translucent bands as thick as their value: four revenue streams on the left flowing into revenue, then gross profit and cost of revenue, and on to operating expenses, tax and net profit on the right; Toolbox showing Node. Nothing selected.

Why it matters: Every band is as thick as the money it carries, so an income statement shows at once where revenue comes from and how much of it each cost takes before profit, the proportions a table of figures leaves the reader to compute.

Licence: Apache-2.0

In the light theme: the fields of study on the left flowing into employed, unemployed and not in the labour force, and the employed on into jobs that do or do not require a degree. Nothing selected.

Standalone, at 2bf65f1

What is visible: In the light theme: the fields of study on the left flowing into employed, unemployed and not in the labour force, and the employed on into jobs that do or do not require a degree. Nothing selected.

Why it matters: Each field of study splits into employment outcomes and on into jobs that do or do not need a degree, with thickness following the number of graduates, so the balance between columns is visible in the light theme as well as the dark one.

Licence: Apache-2.0

The UK energy flows from supplies on the left, through conversion, to the uses and losses on the right, each node and band in its own colour with its value in TWh. Nothing selected.

Standalone, at 2bf65f1

What is visible: The UK energy flows from supplies on the left, through conversion, to the uses and losses on the right, each node and band in its own colour with its value in TWh. Nothing selected.

Why it matters: Dozens of energy sources, conversions and uses stay readable because each node and band keeps its own colour and value and the columns balance, which shows that the diagram scales from a small statement to a national energy system.

Licence: Apache-2.0

Background

Focus areas

Sources