# Pie chart in Figma

> Share of a total, for a handful of slices

A pie encodes share as angle. People read angle far less accurately than length, so a pie earns its place only when the parts genuinely sum to a meaningful whole and there are few enough of them to label. Beyond about five slices, a sorted bar chart says the same thing better.

## Available in 5 of 5 chart libraries

| Library | Ready-made examples |
| --- | --- |
| Google Charts | 5 |
| Highcharts | 8 |
| D3 · Nivo | 3 |
| ApexCharts | 4 |
| ECharts | 18 |

38 examples in total.

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

- Two to five parts of a clear whole, where "roughly a third" is precise enough.
- The whole itself is the point — budget allocation, traffic split.

## Use something else when

- The parts do not sum to a whole, or overlap.
- You need to compare slices that are close in size, or compare across several pies.

## The data it needs

One column of labels and one column of values.

| 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