BoxViolinPlot
D3-powered box/violin plot for risk distribution visualization — VaR distributions, return spreads, yield curve analysis, stress-test scenarios
import { BoxViolinPlot } from "@nodus/design-system/finance"Props
| Prop | Type | Default | Description |
|---|---|---|---|
seriesreq | BoxViolinSeries[] | — | Array of series with label and numeric values array |
showViolin | boolean | — | Show KDE violin density overlay (default true) |
showOutliers | boolean | — | Show outlier dots beyond Tukey fences (default true) |
width | number | — | SVG width in px (default 560) |
height | number | — | SVG height in px (default 360) |
valueLabel | string | — | Axis label for the value dimension |
title | string | — | Accessible chart title |
seriesrequiredBoxViolinSeries[]Default —Array of series with label and numeric values array
showViolinbooleanDefault —Show KDE violin density overlay (default true)
showOutliersbooleanDefault —Show outlier dots beyond Tukey fences (default true)
widthnumberDefault —SVG width in px (default 560)
heightnumberDefault —SVG height in px (default 360)
valueLabelstringDefault —Axis label for the value dimension
titlestringDefault —Accessible chart title
Box/violin plot requires min 320px for legible box widths. Groups collapse gracefully at narrow widths.
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
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
D3-powered parallel coordinates for multi-factor analysis — instrument comparison across rate, duration, credit, liquidity with interactive axis brushing