SankeyDiagram

experimental

Sankey flow diagram for cash flow attribution — inflow sources, intercompany netting, liquidity cascade

import { SankeyDiagram } from "@nodus/design-system/finance"

Treasury Cash Flow — Mar 2026

14 Mar 2026

Loading demo…

Props

Prop	Type	Default	Description
`nodes`req	`SankeyNode[]`	—	Flow nodes
`links`req	`SankeyLink[]`	—	Flow connections with values

nodesrequired

Type SankeyNode[]Default —

Flow nodes

linksrequired

Type SankeyLink[]Default —

Flow connections with values

MobileStacks / Scroll

Sankey diagram requires fixed minimum width. Wrap in overflow-x-auto and set min-w-[400px] on the SVG container.

Design Rationale

This component was designed to express:

Cross-domain learning multiplier network graph with SVG nodes, weighted edges, and strength legend

Recursive liquidity pool tree showing parent-child account balances

Was this helpful?