Sankey, funnel and parallel

Flow charts show how a quantity moves between stages or how rows compare across many fields: sankeys for flows, funnels for drop-off, parallel axes for many measures at once and theme rivers for topics over time.

LLMs

Basic sankey

A sankey series draws each link as a band as wide as its value, and focus: 'adjacency' lights up a node's own flows on hover.

Vertical sankey

Set orient to vertical to run the flow from top to bottom, with labels above the nodes and links colored by their source.

Node colors

Give each node in data its own itemStyle, so a card brand, its currencies and their cities each keep a color through the flow.

Levels

Use levels to style every node at one depth the same way, with links taking the color of the node they leave.
Set lineStyle.color to gradient so each link fades from its source color to its target color across a large energy flow.

Align left

Set nodeAlign to left to place every node at its earliest column, so end points sit next to their sources rather than at the right edge.

Align right

Set nodeAlign to right to push every node to its latest column, so all sources that start late line up near the end.

Basic parallel

A parallel series draws each row as a line across one parallelAxis per field, mixing value axes with a category axis.

Air quality

Three cities as parallel series over eight axes, with a visualMap on PM2.5 coloring each day from clean to polluted.

Nutrients

A vertical parallel layout over 7,600 foods, drawn with progressive rendering and a piecewise visualMap per food group.

Scatter matrix

A grid of scatter charts beside a parallel chart, linked by brushLink so a selection in one highlights the same days everywhere.

Funnel

A funnel series sorts its stages descending and sizes each between minSize and maxSize, with a gap between them.

Expected and actual

Two funnel series on top of each other, the actual one capped by maxSize and raised with z, to compare plan and result.

Multiple funnels

Four funnel series placed with left, top, width and height, two of them turned into pyramids with sort: 'ascending'.

Funnel alignment

Set funnelAlign to left or right to line stages up along one edge, here mirrored to put two products side by side.

Theme river

A themeRiver series stacks each topic around a center line on a time singleAxis, with an axis pointer that reads every topic at once.

Streamgraph

A themeRiver of twenty artists over 24 weeks, with labels off and the singleAxis ending at the last week through max: 'dataMax'.