# Box Plot chart in Figma

> Median, spread and outliers, per group

A box plot summarises a distribution as five numbers — minimum, lower quartile, median, upper quartile, maximum — with outliers marked separately. It is the compact way to compare the *shape* of several distributions side by side.

## Available in 4 of 5 chart libraries

| Library | Ready-made examples |
| --- | --- |
| Highcharts | 2 |
| D3 · Nivo | 1 |
| ApexCharts | 2 |
| ECharts | 3 |

8 examples in total.

These are the real charting libraries running inside the plugin, not redrawn lookalikes. The box plot chart on your canvas is the library's own output, and the Export tab hands developers that same library's configuration plus React, Vue, Angular or Svelte code — so what you design is what gets built.

## Reach for it when

- Comparing distributions across groups: latency per region, salary per role.
- Outliers and spread matter as much as the average.

## Use something else when

- The audience does not read quartiles; a histogram or strip plot is friendlier.
- The distribution is bimodal — a box plot hides that completely.

## The data it needs

Per group either the five summary numbers, or the raw values to summarise.

| Group | Min | Q1 | Median | Q3 | Max |
| --- | --- | --- | --- | --- | --- |
| Region A | 12 | 20 | 26 | 33 | 48 |
| Region B | 15 | 24 | 29 | 38 | 61 |

---

Install Figma Charts: https://www.figma.com/community/plugin/1345221583582136577/figma-charts

All chart types: https://systergon.com/figma-charts/chart-types