Box Plot

Display statistical distributions with box and whisker plots. Automatic quartile calculation, whiskers, outlier markers, and multiple series comparison. SVG rendering with Tailwind CSS styling on every element.

$npm install @chartts/core
example.tsx
import { boxplot } from "@chartts/core"

const svg = boxplot({
  data: [
    { group: "Control", values: [12, 15, 18, 22, 25, 28, 35] },
    { group: "Treatment A", values: [18, 22, 28, 32, 38, 42, 48] },
    { group: "Treatment B", values: [25, 30, 35, 38, 42, 45, 52, 68] },
  ],
  label: "group",
  values: "values",
})

Features

Automatic quartile and IQR calculation
Whiskers with configurable range
Outlier markers
Horizontal and vertical orientations
Multiple group comparison
SVG rendering with Tailwind CSS
Under 3kb tree-shaken
Read the DocsSee DemosExamples