Scatter
Scatter Chart plots individual data points on an X/Y axis to reveal correlations and distribution patterns.
Loading preview…
1
'use client';2
3
import { ScatterChart } from 'sdaia-ui';4
5
export default function ScatterChartRealWorld() {Installation
npx sdaia-ui@latest add scatter
Usage
import { Scatter } from "@/components/ui/scatter"<Scatter type="linear" />Examples
Linear
Scatter chart with a linear data distribution.
Loading preview…
1
<ScatterChart type="Linear" title="Linear Trend" />Sin
Scatter chart following a sinusoidal data pattern.
Loading preview…
1
<ScatterChart type="Sin" title="Sin Wave" />Square
Scatter chart with a square/grid data distribution.
Loading preview…
1
<ScatterChart type="Square" title="Square Trend" />API Reference
Scatter Props
Props for the Scatter component.
Prop | Type | Default | Required |
|---|---|---|---|
type | 'Linear' | 'Sin' | 'No Trend' | 'Square' | 'Linear' | optional |
title | string | — | optional |
points | ScatterPoint[] | — | optional |
yTicks | string[] | — | optional |
xTicks | string[] | — | optional |
xMin | number | derived from preset | optional |
xMax | number | derived from preset | optional |
yMin | number | derived from preset | optional |
yMax | number | derived from preset | optional |
rtl | boolean | false | optional |