# Bullet chart in Figma

> One measure against its target, in one line

A bullet chart packs a value, a target and qualitative bands into a single narrow row. It was designed as a replacement for dashboard gauges, and it does the same job in a fraction of the space — which is why it works so well stacked in a KPI list.

## Available in 2 of 5 chart libraries

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

3 examples in total.

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

- A dashboard row where each metric needs a target and a good/ok/bad context.
- You are short on vertical space and have several measures to show.

## Use something else when

- The audience will only ever see one number — a plain stat is clearer.
- You need to show change over time; a bullet is a snapshot.

## The data it needs

Per row: a label, the actual value, the target, and the band cut-offs.

| Measure | Actual | Target | Bands |
| --- | --- | --- | --- |
| Revenue | 270 | 250 | 150, 225, 300 |
| Signups | 1100 | 1400 | 600, 1000, 1600 |

---

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

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