# Scatter chart in Figma

> Two measures plotted against each other

A scatter plot puts one measure on each axis and a mark at every observation, which makes correlation, clusters and outliers visible without any summarising. Add size or colour and you get a bubble chart carrying three or four variables at once.

## Available in 5 of 5 chart libraries

| Library | Ready-made examples |
| --- | --- |
| Google Charts | 5 |
| Highcharts | 10 |
| D3 · Nivo | 1 |
| ApexCharts | 2 |
| ECharts | 34 |

52 examples in total.

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

- Looking for a relationship between two continuous measures.
- Spotting outliers, or showing that a relationship is absent.

## Use something else when

- One axis is categorical — that is a bar or a strip plot.
- You have so many points they form a solid block; bin them into a heatmap.

## The data it needs

One column per axis, one row per observation. Add a third for bubble size.

| X | Y |
| --- | --- |
| 1.2 | 4.8 |
| 2.4 | 5.9 |
| 3.1 | 7.2 |

---

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

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