# Chord chart in Figma

> Flows between every pair, arranged in a circle

A chord diagram puts entities around a circle and draws ribbons between them sized by the flow. It handles bidirectional relationships that a Sankey cannot — migration between regions, trade between countries, transfers between accounts.

## Available in 2 of 5 chart libraries

| Library | Ready-made examples |
| --- | --- |
| D3 · Nivo | 1 |
| ECharts | 4 |

5 examples in total.

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

- Symmetric or bidirectional flows among a modest set of entities.
- The pattern of who connects to whom is the story.

## Use something else when

- The flow is one-directional through stages — use a Sankey.
- More than about a dozen entities; ribbons overlap into noise.

## The data it needs

A square matrix, or one row per pair with the amount between them.

| Source | Target | Value |
| --- | --- | --- |
| Search | Signup | 3200 |
| Social | Signup | 1800 |
| Signup | Paid | 900 |

---

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

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