Scatter Chart

Plot individual data points on two axes. Reveal correlations, clusters, and outliers in your data.

Usage

example.tsx

import { ScatterChart } from "@chartts/react"

<ScatterChart
  data={measurements}
  x="height"
  y="weight"
  size="age"
  color="group"
/>

Props

Prop	Type	Description
data	T[]	Array of data objects
x	keyof T	Key for x-axis values
y	keyof T	Key for y-axis values
size	keyof T \| number	Point size - fixed number or data key
color	keyof T \| string	Point color - fixed or data key for color scale
shape	'circle' \| 'square' \| 'triangle' \| 'diamond'	Point shape. Default: 'circle'