synthetic
SankeyDiagram
A flow diagram where each link is as thick as the amount that moves along it.
Where the budget goesStudio budget to teams to projects
In context
Budget review£158,450 across the studio
Budget flowOctober
Props
| Prop | Type | Required | Default |
|---|---|---|---|
nodes | SankeyDiagramNode[] | Yes | — |
links | SankeyDiagramLink[] | Yes | — |
title | string | undefined | No | — |
ariaLabel | string | undefined | No | — |
width | number | undefined | No | 480 |
height | number | undefined | No | 320 |
bionic | boolean | undefined | No | — |
bionicOptions | BionicOptions | undefined | No | — |
data-rebar-* attributes
data-rebar-component="sankey-diagram" on the root <figure>; each node carries data-rebar-node-column.
Migrating to Ant Design
Not codemod-covered — AntD ships no chart components of its own (it recommends @ant-design/charts, built on G2Plot); there's no direct 1:1 antd component mapping for a Sankey diagram.