ScatterPlot

stable

Two-dimensional scatter plot for correlation and distribution — risk vs. return, exposure vs. limit

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

Counterparty Risk vs. Exposure

14 Mar 2026

Loading demo…

Props

Prop	Type	Default	Description
`data`req	`ScatterPoint[]`	—	Points to plot
`xLabel`	`string`	—	X-axis label
`yLabel`	`string`	—	Y-axis label
`severityColored`	`boolean`	—	Color points by severityValue

datarequired

Type ScatterPoint[]Default —

Points to plot

xLabel

Type stringDefault —

X-axis label

yLabel

Type stringDefault —

Y-axis label

severityColored

Type booleanDefault —

Color points by severityValue

MobileStacks / Scroll

Scatter plot requires min 300px. Wrap in overflow-x-auto.

Design Rationale

This component was designed to express:

Multi-series SVG line chart for time-series and trend data — cash forecasts, FX history, AI confidence trends

Portfolio concentration risk breakdown with exposure bars and limit indicators

Was this helpful?