ParallelCoordinates
D3-powered parallel coordinates for multi-factor analysis — instrument comparison across rate, duration, credit, liquidity with interactive axis brushing
import { ParallelCoordinates } from "@nodus/design-system/finance"Props
| Prop | Type | Default | Description |
|---|---|---|---|
dimensionsreq | PCDimension[] | — | Axis definitions with key, label, optional domain and format |
datareq | PCRow[] | — | Data rows with label, values record, and optional group index |
width | number | — | SVG width in px (default 640) |
height | number | — | SVG height in px (default 380) |
title | string | — | Accessible chart title |
dimensionsrequiredPCDimension[]Default —Axis definitions with key, label, optional domain and format
datarequiredPCRow[]Default —Data rows with label, values record, and optional group index
widthnumberDefault —SVG width in px (default 640)
heightnumberDefault —SVG height in px (default 380)
titlestringDefault —Accessible chart title
Parallel coordinates require min 480px for axis brushing to be usable. Wrap in overflow-x-auto on narrow viewports.
This component was designed to express:
Explore Related
Token-native multi-series scatter/bubble chart (Recharts) with optional z-dimension bubble sizing — risk/return scatter, VaR vs. exposure, FX spread vs. volume, counterparty clustering
D3-powered box/violin plot for risk distribution visualization — VaR distributions, return spreads, yield curve analysis, stress-test scenarios
Token-native SVG cell-matrix heatmap with sequential (red/blue/neutral) and diverging color scales from DS dataviz tokens — correlation matrices, factor exposure grids, settlement timing, risk concentration