# Histogram chart in Figma

> How often values fall into each range

A histogram bins a continuous measurement and shows how many observations land in each bin. It looks like a bar chart but answers a different question: not "how do these categories compare" but "what does the spread of this one variable look like".

## Available in 2 of 5 chart libraries

| Library | Ready-made examples |
| --- | --- |
| Google Charts | 5 |
| Highcharts | 2 |

7 examples in total.

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

- Showing the shape of a distribution — is it skewed, bimodal, tightly clustered.
- Response times, prices, ages, scores: anything continuous that you have many of.

## Use something else when

- The x-axis is categories rather than ranges — that is a bar chart.
- You have only a handful of observations; the bins will be noise.

## The data it needs

One column of raw values — the library bins them for you.

| Value |
| --- |
| 4.2 |
| 4.9 |
| 5.1 |
| 5.4 |

---

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

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