# Network chart in Figma

> Nodes and the links between them

A network diagram lays out entities as nodes and relationships as edges, positioned by a force simulation or a fixed layout. In FigmaCharts this family also covers dependency wheels and arc diagrams, which are the same data drawn in a tidier frame.

## Available in 2 of 5 chart libraries

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

5 examples in total.

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

- Dependencies, social graphs, service maps, citation networks.
- The structure — hubs, clusters, isolated nodes — is what you want to show.

## Use something else when

- The relationships are hierarchical; a tree is far easier to read.
- There are hundreds of nodes with no filtering.

## The data it needs

One row per edge: source, target, and optionally a weight.

| 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