# Radial chart in Figma

> Progress drawn as an arc

A radial bar wraps a bar around a circle, typically as a progress ring. It reads well as a single figure and poorly as a comparison, because arcs at different radii cover different distances for the same value.

## Available in 2 of 5 chart libraries

| Library | Ready-made examples |
| --- | --- |
| D3 · Nivo | 1 |
| ApexCharts | 4 |

5 examples in total.

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

- Progress toward a goal, as a compact tile in a dashboard.
- A design where the circular form fits the layout better than a bar.

## Use something else when

- Comparing several values — nested rings are actively misleading.
- The value can exceed the maximum; the ring has nowhere to go.

## The data it needs

A label and a value, usually as a percentage of a maximum.

| Label | Percent |
| --- | --- |
| Storage used | 72 |

---

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

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