# Pareto chart in Figma

> Sorted bars plus a running cumulative line

A Pareto chart sorts categories by size and overlays the cumulative percentage, so the "vital few" separate visibly from the "trivial many". It is the standard tool for arguing that a small number of causes account for most of an effect.

## Available in 1 of 5 chart libraries

| Library | Ready-made examples |
| --- | --- |
| Highcharts | 1 |

1 examples in total.

These are the real charting libraries running inside the plugin, not redrawn lookalikes. The pareto 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

- Prioritising: which few issues account for most of the complaints, defects or cost.
- You want the 80/20 argument to be visible rather than asserted.

## Use something else when

- The categories have a meaningful natural order — sorting by size destroys it.
- Values are close together; there is no "vital few" to find.

## The data it needs

Category and value. The chart sorts and computes the cumulative line.

| Category | Value |
| --- | --- |
| Alpha | 120 |
| Beta | 80 |
| Gamma | 45 |

---

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

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