Skip to content
Starlight Site Graph

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

Section titled “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.

{
  "graphConfig": {
    "repelForce": -100
  }
}
repelForce 200

Collider Padding

Section titled “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.

{
  "graphConfig": {
    "colliderPadding": 20
  }
}
colliderPadding 20

Center Force

Section titled “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.

{
  "graphConfig": {
    "centerForce": 0.05
  }
}
centerForce 0.05
Section titled “Link Distance”

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

Section titled “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.

For more information, check out d3-force documentation.

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