# Shadcn Sankey Chart blocks

> Sankey flow charts for income statements, trial journeys and sales funnels, with hover tracing, drop-off nodes and leak markers.

- Type: Pro blocks (Charts)
- Page: https://reui.io/blocks/chart/sankey-chart
- Blocks: 3
- Installs with a ReUI Pro or Ultimate license; setup: https://reui.io/docs/license-setup

## When to use

- Money traced from its sources through each split, such as revenue lines down to net income
- Trial and sales funnels where every stage sheds volume and the size of each loss matters

## When not to use

- A share of one total split once, with no stage after the split: use the [Pie Chart blocks](https://reui.io/blocks/chart/pie-chart.md)
- Deploy or job runs where each row steps through fixed stages over time: use the [Status Tracker blocks](https://reui.io/blocks/chart/status-tracker.md)
- Headline totals and their deltas read as numbers, with no flow between them: use the [Stats blocks](https://reui.io/blocks/application/stats.md)

## Agent notes

- Each block exports a `Chart` with no props that reads constants from its data file, so live figures mean swapping those constants or adding props
- Series tones are set twice in value-faces, a color map behind `CHART_CONFIG` and a dot class map for the legend, so a recolor edits both
- Hover readouts render through the `formatter` of `ChartTooltipContent`, so a new field goes in the readout markup and not in the chart config

## Third-party libraries

- Recharts v3: [API reference](https://recharts.github.io/en-US/api/), [docs](https://recharts.github.io/en-US/guide/getting-started/), used by 3 of 3 blocks
- Motion v12: [API reference](https://motion.dev/docs/react-motion-component), [docs](https://motion.dev/docs/react), used by 2 of 3 blocks (the docs follow the latest Motion, with no React API break since v12)
- Sonner v2: [API reference](https://sonner.emilkowal.ski/toast), [docs](https://sonner.emilkowal.ski/getting-started), used by 2 of 3 blocks

## Blocks

- [Revenue Flow](https://reui.io/blocks/chart/sankey-chart/chart-48.md): Income statement Sankey chart with revenue, cost and profit flows and a quarter picker. Best for a quarterly P&L traced from 3 revenue lines to net income, with margin moves against the prior quarter and a click to pin one lineage.
- [Trial Journey](https://reui.io/blocks/chart/sankey-chart/chart-49.md): Trial conversion Sankey chart with channel signups, a drop-off node per stage and volume pulses. Best for a trial cohort that sheds users into a named drop-off node at each stage, under captions of step rates and overall conversion.
- [Pipeline Leakage](https://reui.io/blocks/chart/sankey-chart/chart-53.md): Sales funnel Sankey chart with lead source ribbons, a draining entrance and leak drops. Best for a 6 stage sales funnel stacked by 3 lead sources that marks the leakiest step in red and lets the legend focus one source.

Every ReUI item has a twin like this one; the index is https://reui.io/llms.txt. Agents with the ReUI MCP (https://reui.io/docs/mcp) get the same guidance from the getters named above.