# Radar chart in Figma

> A profile across several axes at once

A radar chart places each variable on its own spoke and joins the values into a polygon, so a record reads as a shape. Comparing two or three shapes is intuitive; the caveat is that the shape depends on the arbitrary order of the axes.

## Available in 4 of 5 chart libraries

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

14 examples in total.

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

- Profiles across a fixed set of criteria: skills, product specs, scorecards.
- Comparing two or three subjects on the same axes.

## Use something else when

- The axes use different units or scales without normalising first.
- More than about three overlapping series — the polygons obscure each other.

## The data it needs

One column of axis names, then one column per subject.

| Criterion | Product A | Product B |
| --- | --- | --- |
| Speed | 8 | 6 |
| Cost | 5 | 9 |
| Support | 7 | 7 |

---

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

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