ScatterChart
v1.0.3Updated 25 Jul 2026Recharts-backed scatter chart with optional brush selector for filtering. Use to spot correlation between two metrics.
Preview
Live · 7 storiesDefaultOpen ↗
▸Why this is recommendedchartscatterrechartscorrelation+3
The default, out-of-the-box ScatterChart.
Recommended for+14
- ✓Correlation analysis
- ✓Outlier detection
- ✓Cohort plots
Tags+6
chartscatterrechartscorrelationbrushdata-vizdefault
Features+4
- Single or multi-segment scatter
- Optional brush range selector
- Hover tooltip
- Configurable point size
- i18n: numbers/axis values format per LocaleProvider locale
Not recommended for−2
- ✕Time-series progression (use LineChart)
- ✕Categorical comparison (use BarChart)
Install
Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.
Usage
Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.
Props
PropTypeRequired
dataPoints (x, y, …)
yesbrushShow brush range selector
—