g6/packages/site/examples/net/furchtermanLayout/index.en.md

16 lines
744 B
Markdown
Raw Normal View History

2023-02-02 10:31:36 +08:00
---
title: Fruchterman Layout
2023-08-28 20:39:59 +08:00
order: 13
2023-02-02 10:31:36 +08:00
---
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.