ChordDiagram
D3-powered chord diagram for cross-entity treasury flows — intercompany transfers, currency exposure mapping, bilateral netting
import { ChordDiagram } from "@nodus/design-system/finance"Props
| Prop | Type | Default | Description |
|---|---|---|---|
entitiesreq | string[] | — | Entity names (one per row/column) |
matrixreq | number[][] | — | Flow matrix — matrix[i][j] = flow from entity i to j |
width | number | — | SVG width in px (default 520) |
height | number | — | SVG height in px (default 520) |
title | string | — | Accessible chart title |
entitiesrequiredstring[]Default —Entity names (one per row/column)
matrixrequirednumber[][]Default —Flow matrix — matrix[i][j] = flow from entity i to j
widthnumberDefault —SVG width in px (default 520)
heightnumberDefault —SVG height in px (default 520)
titlestringDefault —Accessible chart title
Chord diagram requires min 360px for entity labels. Wrap in overflow-x-auto on narrow viewports.
This component was designed to express:
Explore Related
Sankey flow diagram for cash flow attribution — inflow sources, intercompany netting, liquidity cascade
D3-powered force-directed graph for counterparty networks — entity relationships, exposure connections, banking relationships
Currency pair × business unit exposure matrix. Blue = long, red = short, intensity = magnitude. Row/column totals. Click-to-drill support