# Waterfall chart in Figma

> How a starting number becomes an ending number

A waterfall shows a running total with each contribution as a floating bar, so gains and losses read as steps between an opening and a closing value. It is the natural chart for a bridge: last quarter to this quarter, budget to actual, gross to net.

## Available in 1 of 5 chart libraries

| Library | Ready-made examples |
| --- | --- |
| Highcharts | 3 |

3 examples in total.

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

- Explaining a change as the sum of its parts — revenue bridges, budget variance.
- The audience will ask "what made up the difference".

## Use something else when

- The components do not actually sum to the total; the chart will imply they do.
- There are more than about ten steps — it becomes a wall of bars.

## The data it needs

Label and signed value per step, with the start and end rows marked as totals.

| Step | Value |
| --- | --- |
| Opening | 400 |
| New business | 120 |
| Churn | -70 |
| Closing | 450 |

---

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

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