---
title: Fruchterman Layout
order: 2
---

Fruchterman Reingold Layout is a kind of force-directed layout in theory. The differences are the definitions of attracitve force and repulsive force.

## Usage

As the demo below, you can deploy it in `layout` while instantiating Graph. it can also be used for [Subgraph Layout](/en/docs/manual/middle/layout/sub-layout). By tuning the parameters, you can adjust the iteration number, layout compactness, layout by clusters, and so on.

- Example 1 : Basic Fruchterman layout.
- Example 2 : Fruchterman clustering layout.
- Example 3 : Translate the layout parameters in dynamic.
- Example 4 : Fruchterman layout with web-worker in case layout calculation takes too long to block page interaction.