Are you an AI agent?
import { SankeySeries } from '@wick-charts/react';
 
<SankeySeries nodes={nodes} links={links} />

Sankey diagram: flows between stages drawn as bands whose width follows the volume. A new nodes / links pair morphs the diagram on screen.

Renders a sankey diagram — flows between stages as bands whose width follows the volume. Pass nodes ({ id, label?, color? }) and links ({ source, target, value, color? }); each node takes the column of its longest path from a source, and a node with no outgoing link moves to the last column. The layout is deterministic and untangles crossing bands. Links must not form a cycle — the series throws an error that names the nodes on one. A link to an unknown node or without a value above 0 is skipped with a warning. New data morphs the diagram on screen; hovering a node or a link highlights its neighbors. Use <SankeyTooltip> for the hover overlay.

Props

nodesreadonly SankeyNode[]

Stages of the flow. A node no link reaches is not drawn.

options?Partial<SankeySeriesOptions>

Visual options override — node colors, node width and gap, link opacity, labels, entry / update durations.

id?string

Stable series ID — same value across remounts.

visible?default trueboolean

Show/hide the series without unmounting it — excludes it from the tooltip. Default true. Live.