For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Installs with a ReUI Pro or Ultimate license.
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
- Deploy or job runs where each row steps through fixed stages over time: use the Status Tracker blocks
- Headline totals and their deltas read as numbers, with no flow between them: use the Stats blocks
Agent notes
- Each block exports a
Chartwith 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_CONFIGand a dot class map for the legend, so a recolor edits both - Hover readouts render through the
formatterofChartTooltipContent, so a new field goes in the readout markup and not in the chart config
Third-party API docs
- Recharts v3: API reference, docs, used by 3 of 3 blocks
- Motion v12: API reference, docs, used by 2 of 3 blocks (the docs follow the latest Motion, with no React API break since v12)
- Sonner v2: API reference, docs, used by 2 of 3 blocks
Markdown
https://reui.io/blocks/chart/sankey-chart.mdMCP
search({ query: "sankey chart", type: "block", category: "sankey-chart" })Shadcn Sankey Charts for Revenue, Trial and Pipeline Flows
A Sankey chart draws every flow as a band as wide as its value, so a reader sees where a total goes and which split or stage takes the most. These blocks cover a quarterly income statement from 3 revenue lines to net income, a trial journey with a named drop-off at each step and a sales funnel split by lead source.
The income statement and the trial journey draw the Recharts Sankey in the shadcn Chart container inside a ReUI Frame, where hovering a node or a link lights its whole lineage. The sales funnel stacks Recharts areas into ribbons inside a shadcn Card. A Select or a ToggleGroup switches the period, and the income statement and the funnel download a CSV and copy a summary.
All Sankey Chart Blocks
Open any block on its own page for a live preview, the components it is built from, and the install command.
- Revenue Flow Income statement Sankey chart with revenue, cost and profit flows and a quarter picker
- Trial Journey Trial conversion Sankey chart with channel signups, a drop-off node per stage and volume pulses
- Pipeline Leakage Sales funnel Sankey chart with lead source ribbons, a draining entrance and leak drops
What These Sankey Chart Blocks Cover
- Income statement flow 3 revenue lines merge, then split into costs and profit down to net income, with gradient links, KPI deltas against the prior quarter and a click to pin a node.
- Trial journey with drop-offs 4 channels merge into signups, each stage splits into survivors and a named drop-off node, and pulses ride every link at a density set by its volume.
- Sales funnel by lead source Deals from 3 lead sources narrow through 6 stages as centered ribbons, with red drops scaled to each loss rate and the leakiest step marked in red.
Related Shadcn Chart Categories
- Area Chart Area chart cards with gradient fills, comparisons to a prior period or baseline, hover readouts and CSV export for trends over time.
- Bar Chart Bar and column charts, stacked hourly outcomes, 3D prisms, diverging lanes and lollipop stems for comparing values.
- Composed Chart Composed charts that layer areas and lines on one axis, with reference lines, goals and release markers.
- Line Chart Line chart cards with single and multi-series lines, dual axes, reference lines and metric switchers.
- Pie Chart Pie and donut chart cards with center totals, per-segment legends and period tabs for share of a whole.
- Radial Chart Radial gauges with semicircle and full arcs, segmented rings and status labels for progress toward a target.
- Slope Chart Slope charts for rank shifts between 2 orderings of the same items, with weighted lines, hover tracing and animated re-sorts.
- Sparkline KPI tiles and metric lists where each value pairs with a small line, area or bar sparkline and a delta.
- Status Tracker Per-row status trackers for run history, deploy stages and pipelines, with hover details and filters.
- Stats Stat components and layouts for KPIs, metric summaries, and compact performance signals.
- Dashboard Dashboard components and layouts that combine stats, charts, and tables into a complete overview screen.
All Shadcn Block Groups
Browse the full ReUI Shadcn blocks library by product surface. Each group bundles category-level blocks you can mix and match across your project.
- Shadcn Application Blocks (303) Browse 303 Shadcn Application blocks across 23 categories.
- Shadcn Data Grid Blocks (43) Browse 43 Shadcn Data Grid blocks across 9 categories.
- Shadcn Charts Blocks (51) Browse 51 Shadcn Charts blocks across 10 categories.
- Shadcn Solutions Blocks (76) Browse 76 Shadcn Solutions blocks across 11 categories.
- Shadcn AI & Agents Blocks (18) Browse 18 Shadcn AI & Agents blocks across 2 categories.
- Shadcn eCommerce Blocks (87) Browse 87 Shadcn eCommerce blocks across 13 categories.
- Shadcn Marketing Blocks (67) Browse 67 Shadcn Marketing blocks across 8 categories.
Frequently Asked Questions
When is a Sankey chart better than a bar funnel or a pie chart?
When the path matters as much as the total. A pie shows one split and a bar funnel shows stage counts, while a Sankey keeps every band connected, so a reader can follow revenue into costs and profit or see which lead source loses the largest share of its deals at each stage.
How do I load my own numbers?
Replace the seed figures in the block's data file with your own raw figures, such as income statement line items, trials per stage or deals per lead source and stage. Each block derives every subtotal from those figures, so the flows always reconcile.
Do the animations respect reduced motion?
Yes. Under the reduced motion setting, entrance animations, pulses and leak drops are switched off, and each chart renders at rest with every value in place.
Start building with ReUI Pro today.
Every Pro block, every style, and every future addition, with one license for unlimited projects.
Get All-Access
From $249, once. Lifetime updates.