Basic Introduction

Graphin Unique Layout

The layout of Graphin 2.0 fully embraces G6. For details, please refer to Reference. But Graphin also has 2 built-in layouts, namely graphin-force and preset layout

graphin-force is a force-guided layout algorithm based on the charge spring model. The built-in tweak algorithm can realize the incremental layout of force-guided
preset is a preset layout as the name implies. When the user sets this layout, the graphin will be laid out according to the coordinate information (x, y) in the data nodes given by the user. This layout is very useful when you need to layout the caching strategy in your business, or save the canvas and enter it again.

Network Graphs Layout

Note ⚠️: [email protected] version does not support webworker and ggpu layouts for the time being. These two layout calculation optimization schemes for large data nodes will be added in subsequent versions.

Random Layout：Random layout;
GForce Layout：Classic force-oriented layout supported by G6 4.0 and GPU parallel computing
Force Layout：Quoting d3's classic force-oriented layout;
Circular Layout：Circular layout;
Radial Layout：Radial layout;
MDS Layout：High-dimensional data dimensionality reduction algorithm layout;
Fruchterman Layout：Fruchterman layout, a force-guided layout;
Dagre Layout：Hierarchical layout;
Concentric Layout：Concentric layout, place important nodes (measured by degrees by default) in the center of the layout;
Grid Layout：Grid layout, arrange the nodes in order (data order by default) on the grid;
Combo Force Layout：It is recommended to use this layout for graphs with combo.

Tree Graph layout

Note ⚠️: Graph layout and TreeGaph layout are not common to each other. The tree graph layout does not support independent use; the tree graph layout does not support customization.