# Chart Boxplot

Box plot of API latency by region with quartiles, whiskers and slow outliers.

- id: `chart-boxplot`
- Page: https://agentic-ui-kit.com/components/chart-boxplot
- Live preview: https://agentic-ui-kit.com/live/component/chart-boxplot?piece=chart-boxplot

## Install

```bash
agentic-ui add chart-boxplot
npx shadcn@4.17.0 add @agentic-ui/chart-boxplot
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** box-and-whisker, quartiles, tukey-outliers, min-max-whiskers, mean-marker, vertical-or-horizontal, responsive-orientation, stats-table-alternative, box-tooltip, dark-mode
- **Intents:** explore-detail, show-composition
- **Suits domains:** analytics, devtools, devops-status, operations, healthcare, education
- **Interaction:** tooltip, toggle-options, keyboard-focus, view-switching
- **Screen role:** overview
- **Density:** medium
- **Dark mode:** yes
- **Use it for:** box plot of API latency by region with quartiles, whiskers and slow outliers, distribution of order values or delivery times by category, exam scores or lab results spread per cohort with median and outliers, response time distribution per service for an SRE review
- **Avoid when:** a single number per category (use a bar chart), fewer than five observations per group, where a strip of dots is clearer, showing the density shape of a distribution (use a histogram or violin plot)
- **Preserve when adapting:** stat-definitions, whisker-rules, stats-table
- **Replace when adapting:** groups, value-label, formatter, chart-token-hues
- **Adaptation effort:** low
- **Coupling:** low
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **Uses primitives:** button
- **npm dependencies:** lucide-react
- **npm dependencies (registry):** lucide-react@0.577.0
- **Registry dependencies:** lib-primitives