# Graph chart in Figma

> ECharts’ force-directed graph

ECharts’ graph series is its own network implementation, with force-directed, circular and fixed-coordinate layouts, node categories and adjustable repulsion. It is the most configurable network option in the plugin, and the largest ECharts family after the basics.

## Available in 1 of 5 chart libraries

| Library | Ready-made examples |
| --- | --- |
| ECharts | 14 |

14 examples in total.

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

- Networks that need category colouring or a specific layout algorithm.
- You are already working in ECharts and want the extra control.

## Use something else when

- A simpler dependency wheel or arc diagram would say the same thing.
- You need it outside ECharts — the layouts do not transfer.

## The data it needs

Nodes with ids and optional categories, plus one row per edge.

| 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