A flow diagram of values moving between source and target nodes.
import {
SankeyChart,
type SankeyChartNode,
type SankeyChartLink,
} from '@epilot/spark-ui/sankey-chart'
<SankeyChart nodes={nodes} links={links} />
| Prop | Type | Default |
|---|
nodes | SankeyChartNode[] | — |
links | SankeyChartLink[] | — |
categoryColors | Record<string, string> | — |
defaultColor | string (CSS color) | gray |
valueSuffix | string | — |
valueFormat | Intl.NumberFormatOptions | — |
height | number | 260 |
nodeWidth | number | 12 |
nodePadding | number | 10 |
labelPadding | number | 96 |
title | string | — |
| Field | Type |
|---|
id | string |
label | string |
category | string |
color | string |
| Field | Type |
|---|
source | string |
target | string |
value | number |
color | string |