Skip to content

Simulation

The Graph is simulated using d3, and works based on the principle of push-and-pull: nodes push each other away, and links pull nodes together.

Repel Force

The repel force determines how much nodes push each other away, the higher the force, the further apart nodes will be. Negative values (i.e. positive pull forces) are not allowed.

For more information, check out d3-force documentation.

{
"repelForce": -100
}
repelForce 200

Collider Padding

The collider padding gives additional padding around the node’s collider, making the minimum distance between nodes larger.

For more information, check out d3-force documentation.

{
"colliderPadding": 20
}
colliderPadding 20

Center Force

The center force determines how much nodes are pulled towards the center of the graph.

For more information, check out d3-force documentation.

{
"centerForce": 0.05
}
centerForce 0.05

The link distance specifies that links between nodes should be a fixed distance apart. If the link distance is set to 0, the distance between nodes will be determined by the simulation.

For more information, check out d3-force documentation.

Alpha Decay

The alpha decay determines how quickly the simulation cools down. A higher value means that after having dragged a node in the graph, it will stabilize faster.

To see the effect of the alpha decay, drag a node in the graph and see how quickly it stabilizes at different alphaDecay values.

For more information, check out d3-force documentation.

{
"alphaDecay": 0.02,
"enableDrag": true
}
alphaDecay 0.0228