/

Box Plot

Show statistical distribution of data: median, quartiles, and outliers. Essential for comparing distributions across categories.

Usage

example.tsx
import { BoxplotChart } from "@chartts/react"

<BoxplotChart
  data={distributionData}
  x="category"
  min="min" q1="q1" median="median" q3="q3" max="max"
/>

Props

PropTypeDescription
dataT[]Array of data objects with statistical values
xkeyof TKey for categories
minkeyof TKey for minimum values
q1keyof TKey for first quartile
mediankeyof TKey for median values
q3keyof TKey for third quartile
maxkeyof TKey for maximum values

Features

  • Whisker and box rendering
  • Outlier point display
  • Horizontal layout
  • Notched variant
  • Interactive quartile tooltips
  • Animated entry

Other Charts