ns-ui
A weighted, branching multi-stage flow diagram rendered as ASCII density bands instead of colour ribbons. Clicking a node isolates every ancestor and descendant on its path — the surviving nodes and bands re-stack from scratch using only the isolated subset's values, so they genuinely grow to fill the space rather than the rest just dimming.
Use when a multi-stage weighted flow with real branching (traffic source -> channel -> outcome, funnel stages that fan back out) where isolating one path's full up/downstream is the point — pick chart-funnel-stage-drop instead for a single monotonic taper with no branching, or context-compaction-river for a single decorative channel with no weighted multi-node structure.
Install
npx shadcn add https://design.helpmarq.comns-ui / sankey-ascii-flow
Click a node to isolate its upstream and downstream flow — the surviving bands re-weight to fill the space, not just dim the rest.
| Prop | Type | Default | Description |
|---|---|---|---|
| nodes? | SankeyNode[] | — | — |
| links? | SankeyLink[] | — | — |
| className? | string | — | — |