test/g6
1
0
Fork 0
mirror of https://gitee.com/antv/g6.git synced 2024-12-13 17:15:49 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity
a0d6cfe7a5
g6/packages/site/examples/net/fruchtermanLayout/index.en.md
Yanyan-Wang 29466b30f9 docs: add docs for layouts
2023-11-09 17:50:23 +08:00

744 B
Raw Blame History

title order
Fruchterman Layout 13

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. 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.