# Line chart in Figma

> The default for anything measured over time

A line connects successive observations so the eye reads slope as rate of change. It is the right chart whenever the x-axis is continuous — dates, durations, versions — and it handles several series far better than bars do.

## Available in 5 of 5 chart libraries

| Library | Ready-made examples |
| --- | --- |
| Google Charts | 7 |
| Highcharts | 10 |
| D3 · Nivo | 27 |
| ApexCharts | 7 |
| ECharts | 65 |

116 examples in total.

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

- Any time series: revenue by month, latency by day, users by week.
- Comparing the shape of three or four series against each other.

## Use something else when

- The x-axis is unordered categories — a line implies a progression that is not there.
- You have two or three points; a line overstates how much you know.

## The data it needs

One column of time labels, then one column per series.

| Month | Revenue | Cost |
| --- | --- | --- |
| Jan | 42 | 31 |
| Feb | 55 | 34 |
| Mar | 61 | 38 |

---

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

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