# Sunburst chart in Figma

> A hierarchy as concentric rings

A sunburst lays a tree out radially: the root at the centre, each level a ring outward, each arc sized by value. It reads depth more clearly than a treemap does, at the cost of being harder to compare siblings across the circle.

## Available in 3 of 5 chart libraries

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

9 examples in total.

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

- Deep hierarchies where the level structure is the point.
- Navigation paths, taxonomy breakdowns, org rollups.

## Use something else when

- The tree is two levels deep — rings add nothing over a treemap.
- Labels matter; outer arcs get too thin to hold text.

## The data it needs

Parent, child and value per row — the same table a treemap takes.

| Parent | Child | Value |
| --- | --- | --- |
|   | Engineering |   |
| Engineering | Platform | 240 |
| Engineering | Product | 180 |

---

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

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