SankeyChart
v1.0.3Updated 25 Jul 2026Flow diagram (recharts) showing weighted edges between nodes with hover highlight of incoming + outgoing flows.
Preview
Live · 6 storiesRevenue FlowOpen ↗
▸Why this is recommendedchartsankeyflowdiagram+3
SankeyChart — revenue flow.
Recommended for+14
- ✓Revenue flow (source → product → segment)
- ✓Traffic flow (referrer → page → conversion)
- ✓Energy / capital flow
Tags+6
chartsankeyflowdiagramrechartsdata-vizrevenue
Features+4
- Nodes + weighted links
- Hover highlights upstream + downstream flows
- Auto-laid-out layers
- Tonal palette
- i18n: numbers/axis values format per LocaleProvider locale
Not recommended for−2
- ✕Tree hierarchy (use TreemapChart)
- ✕Time-series (use AreaChart)
Install
Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.
Usage
Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.
Props
PropTypeRequired
nodesNodes
yeslinksWeighted links source -> target
yes