ScatterChart
v1.0.9Updated 20 Oct 2026Recharts-backed scatter chart with optional brush selector for filtering. Use to spot correlation between two metrics.
Preview
Live · 7 stories▸Why this is recommendedchartscatterrechartscorrelation+3
The default, out-of-the-box ScatterChart.
- ✓Correlation analysis
- ✓Outlier detection
- ✓Cohort plots
- Single or multi-segment scatter
- Optional brush range selector
- Hover tooltip
- Configurable point size
- i18n: numbers/axis values format per LocaleProvider locale
- ✕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
dataPoints (x, y, …)
yesbrushShow brush range selector
—xAllowDecimalsLet the X axis place fractional ticks. Defaults to false for the whole-number formats (integer, currency) so a small whole-number range does not render a rounded, repeating axis
—yAllowDecimalsSame as xAllowDecimals, for the Y axis
—xTickCountHow many ticks the X axis should aim for. Defaults to five, or to the number of whole steps the data spans when that is fewer
—yTickCountSame as xTickCount, for the Y axis
—