General

This page gives an overview of all the general configuration options for the graph component, specifically about how it is determines which nodes are shown in the graph, what actions are available, and when the graph is displayed.

Depth

The depth option determines the depth of the graph, how many levels of links are shown.

• -x: Show the entire graph (the particular value of x is ignored).
• 0: Show only the current node.
• 1: Show the current node and its immediate neighbors.
• x: Show nodes up to x hops away from the current node.
• 5>: Show the entire graph (the particular value of x is ignored).

When the depth is negative, the graph will show all nodes in the graph, even if they are not reachable from the current node.

The graph will be traversed in the direction specified by the depthDirection option.

Config

{
  "depth": 1
}

Sitemap

{
  "node/": {
    "links": [
      "node-9/",
      "node-18/",
      "node-23/",
      "node-24/",
      "node-28/",
      "node-29/",
      "node-34/",
      "node-35/",
      "node-38/",
      "node-39/",
      "node-40/",
      "node-45/",
      "node-48/"
    ],
    "title": "Node",
    "exists": true,
    "backlinks": [
      "node-2/",
      "node-45/"
    ]
  },
  "node-1/": {
    "exists": true,
    "external": false,
    "links": [],
    "title": "Node 1",
    "backlinks": [
      "node-6/"
    ]
  },
  "node-2/": {
    "exists": true,
    "external": false,
    "links": [
      "node/",
      "node-7/",
      "node-25/"
    ],
    "title": "Node 2",
    "backlinks": []
  },
  "node-3/": {
    "exists": true,
    "external": false,
    "links": [
      "node-8/"
    ],
    "title": "Node 3",
    "backlinks": []
  },
  "node-4/": {
    "exists": true,
    "external": false,
    "links": [
      "node-28/"
    ],
    "title": "Node 4",
    "backlinks": []
  },
  "node-5/": {
    "exists": true,
    "external": false,
    "links": [
      "node-29/"
    ],
    "title": "Node 5",
    "backlinks": []
  },
  "node-6/": {
    "exists": true,
    "external": false,
    "links": [
      "node-1/",
      "node-36/",
      "node-44/"
    ],
    "title": "Node 6",
    "backlinks": [
      "node-47/"
    ]
  },
  "node-7/": {
    "exists": true,
    "external": false,
    "links": [
      "node-24/"
    ],
    "title": "Node 7",
    "backlinks": [
      "node-2/"
    ]
  },
  "node-8/": {
    "exists": true,
    "external": false,
    "links": [
      "node-49/"
    ],
    "title": "Node 8",
    "backlinks": [
      "node-3/",
      "node-35/"
    ]
  },
  "node-9/": {
    "exists": true,
    "external": false,
    "links": [
      "node-46/"
    ],
    "title": "Node 9",
    "backlinks": [
      "node/",
      "node-14/"
    ]
  },
  "node-10/": {
    "exists": true,
    "external": false,
    "links": [
      "node-23/"
    ],
    "title": "Node 10",
    "backlinks": [
      "node-33/"
    ]
  },
  "node-11/": {
    "exists": true,
    "external": false,
    "links": [],
    "title": "Node 11",
    "backlinks": []
  },
  "node-12/": {
    "exists": true,
    "external": false,
    "links": [
      "node-13/",
      "node-37/"
    ],
    "title": "Node 12",
    "backlinks": [
      "node-29/",
      "node-30/",
      "node-43/"
    ]
  },
  "node-13/": {
    "exists": true,
    "external": false,
    "links": [
      "node-40/"
    ],
    "title": "Node 13",
    "backlinks": [
      "node-12/"
    ]
  },
  "node-14/": {
    "exists": true,
    "external": false,
    "links": [
      "node-9/",
      "node-36/"
    ],
    "title": "Node 14",
    "backlinks": [
      "node-25/"
    ]
  },
  "node-15/": {
    "exists": true,
    "external": false,
    "links": [
      "node-29/"
    ],
    "title": "Node 15",
    "backlinks": []
  },
  "node-16/": {
    "exists": true,
    "external": false,
    "links": [],
    "title": "Node 16",
    "backlinks": [
      "node-35/"
    ]
  },
  "node-17/": {
    "exists": true,
    "external": false,
    "links": [],
    "title": "Node 17",
    "backlinks": [
      "node-28/"
    ]
  },
  "node-18/": {
    "exists": true,
    "external": false,
    "links": [
      "node-46/"
    ],
    "title": "Node 18",
    "backlinks": [
      "node/",
      "node-32/",
      "node-46/"
    ]
  },
  "node-19/": {
    "exists": true,
    "external": false,
    "links": [],
    "title": "Node 19",
    "backlinks": []
  },
  "node-20/": {
    "exists": true,
    "external": false,
    "links": [],
    "title": "Node 20",
    "backlinks": []
  },
  "node-21/": {
    "exists": true,
    "external": false,
    "links": [],
    "title": "Node 21",
    "backlinks": [
      "node-42/"
    ]
  },
  "node-22/": {
    "exists": true,
    "external": false,
    "links": [
      "node-31/",
      "node-47/"
    ],
    "title": "Node 22",
    "backlinks": []
  },
  "node-23/": {
    "exists": true,
    "external": false,
    "links": [
      "node-26/",
      "node-38/",
      "node-48/"
    ],
    "title": "Node 23",
    "backlinks": [
      "node/",
      "node-10/",
      "node-28/"
    ]
  },
  "node-24/": {
    "exists": true,
    "external": false,
    "links": [],
    "title": "Node 24",
    "backlinks": [
      "node/",
      "node-7/",
      "node-37/"
    ]
  },
  "node-25/": {
    "exists": true,
    "external": false,
    "links": [
      "node-14/"
    ],
    "title": "Node 25",
    "backlinks": [
      "node-2/"
    ]
  },
  "node-26/": {
    "exists": true,
    "external": false,
    "links": [],
    "title": "Node 26",
    "backlinks": [
      "node-23/"
    ]
  },
  "node-27/": {
    "exists": true,
    "external": false,
    "links": [],
    "title": "Node 27",
    "backlinks": []
  },
  "node-28/": {
    "exists": true,
    "external": false,
    "links": [
      "node-17/",
      "node-23/"
    ],
    "title": "Node 28",
    "backlinks": [
      "node/",
      "node-4/",
      "node-40/"
    ]
  },
  "node-29/": {
    "exists": true,
    "external": false,
    "links": [
      "node-12/"
    ],
    "title": "Node 29",
    "backlinks": [
      "node/",
      "node-5/",
      "node-15/",
      "node-34/"
    ]
  },
  "node-30/": {
    "exists": true,
    "external": false,
    "links": [
      "node-12/",
      "node-39/",
      "node-42/"
    ],
    "title": "Node 30",
    "backlinks": []
  },
  "node-31/": {
    "exists": true,
    "external": false,
    "links": [],
    "title": "Node 31",
    "backlinks": [
      "node-22/"
    ]
  },
  "node-32/": {
    "exists": true,
    "external": false,
    "links": [
      "node-18/"
    ],
    "title": "Node 32",
    "backlinks": []
  },
  "node-33/": {
    "exists": true,
    "external": false,
    "links": [
      "node-10/",
      "node-41/",
      "node-45/"
    ],
    "title": "Node 33",
    "backlinks": [
      "node-39/"
    ]
  },
  "node-34/": {
    "exists": true,
    "external": false,
    "links": [
      "node-29/"
    ],
    "title": "Node 34",
    "backlinks": [
      "node/"
    ]
  },
  "node-35/": {
    "exists": true,
    "external": false,
    "links": [
      "node-8/",
      "node-16/"
    ],
    "title": "Node 35",
    "backlinks": [
      "node/",
      "node-46/"
    ]
  },
  "node-36/": {
    "exists": true,
    "external": false,
    "links": [],
    "title": "Node 36",
    "backlinks": [
      "node-6/",
      "node-14/",
      "node-46/"
    ]
  },
  "node-37/": {
    "exists": true,
    "external": false,
    "links": [
      "node-24/"
    ],
    "title": "Node 37",
    "backlinks": [
      "node-12/",
      "node-41/",
      "node-44/"
    ]
  },
  "node-38/": {
    "exists": true,
    "external": false,
    "links": [
      "node-45/"
    ],
    "title": "Node 38",
    "backlinks": [
      "node/",
      "node-23/"
    ]
  },
  "node-39/": {
    "exists": true,
    "external": false,
    "links": [
      "node-33/"
    ],
    "title": "Node 39",
    "backlinks": [
      "node/",
      "node-30/"
    ]
  },
  "node-40/": {
    "exists": true,
    "external": false,
    "links": [
      "node-28/",
      "node-42/"
    ],
    "title": "Node 40",
    "backlinks": [
      "node/",
      "node-13/",
      "node-47/"
    ]
  },
  "node-41/": {
    "exists": true,
    "external": false,
    "links": [
      "node-37/"
    ],
    "title": "Node 41",
    "backlinks": [
      "node-33/"
    ]
  },
  "node-42/": {
    "exists": true,
    "external": false,
    "links": [
      "node-21/"
    ],
    "title": "Node 42",
    "backlinks": [
      "node-30/",
      "node-40/"
    ]
  },
  "node-43/": {
    "exists": true,
    "external": false,
    "links": [
      "node-12/"
    ],
    "title": "Node 43",
    "backlinks": []
  },
  "node-44/": {
    "exists": true,
    "external": false,
    "links": [
      "node-37/"
    ],
    "title": "Node 44",
    "backlinks": [
      "node-6/"
    ]
  },
  "node-45/": {
    "exists": true,
    "external": false,
    "links": [
      "node/",
      "node-48/"
    ],
    "title": "Node 45",
    "backlinks": [
      "node/",
      "node-33/",
      "node-38/"
    ]
  },
  "node-46/": {
    "exists": true,
    "external": false,
    "links": [
      "node-18/",
      "node-35/",
      "node-36/"
    ],
    "title": "Node 46",
    "backlinks": [
      "node-9/",
      "node-18/"
    ]
  },
  "node-47/": {
    "exists": true,
    "external": false,
    "links": [
      "node-6/",
      "node-40/"
    ],
    "title": "Node 47",
    "backlinks": [
      "node-22/"
    ]
  },
  "node-48/": {
    "exists": true,
    "external": false,
    "links": [],
    "title": "Node 48",
    "backlinks": [
      "node/",
      "node-23/",
      "node-45/"
    ]
  },
  "node-49/": {
    "exists": true,
    "external": false,
    "links": [],
    "title": "Node 49",
    "backlinks": [
      "node-8/"
    ]
  }
}

Full Config

{
  "actions": [],
  "tagStyles": {},
  "tagRenderMode": "none",
  "enableDrag": false,
  "enableZoom": false,
  "enablePan": false,
  "enableHover": true,
  "enableClick": "disable",
  "depth": 1,
  "depthDirection": "both",
  "followLink": "same",
  "scale": 0.65,
  "minZoom": 0.05,
  "maxZoom": 4,
  "renderLabels": true,
  "renderArrows": true,
  "renderUnresolved": false,
  "renderExternal": true,
  "scaleLinks": true,
  "scaleArrows": true,
  "minZoomArrows": 0.8,
  "labelOpacityScale": 1.3,
  "labelMutedOpacity": 0,
  "labelHoverOpacity": 1,
  "labelAdjacentOpacity": 1,
  "labelFontSize": 12,
  "labelHoverScale": 1,
  "labelOffset": 10,
  "labelHoverOffset": 14,
  "zoomDuration": 75,
  "zoomEase": "out_quad",
  "hoverDuration": 200,
  "hoverEase": "out_quad",
  "nodeDefaultStyle": {
    "shape": "circle",
    "shapeColor": "nodeColor",
    "shapeSize": 10,
    "strokeWidth": 0,
    "colliderScale": 1,
    "nodeScale": 1,
    "neighborScale": 0.5
  },
  "nodeVisitedStyle": {
    "shapeColor": "nodeColorVisited"
  },
  "nodeCurrentStyle": {
    "shapeColor": "nodeColorCurrent"
  },
  "nodeUnresolvedStyle": {
    "shapeColor": "nodeColorUnresolved"
  },
  "nodeExternalStyle": {
    "shape": "square",
    "shapeColor": "nodeColorExternal",
    "strokeColor": "inherit",
    "nodeScale": 0.6
  },
  "tagDefaultStyle": {
    "shape": "circle",
    "shapeSize": 6,
    "shapeColor": "backgroundColor",
    "strokeColor": "nodeColorTag",
    "strokeWidth": 1,
    "colliderScale": 1,
    "nodeScale": 1,
    "neighborScale": 0.7
  },
  "linkWidth": 1,
  "linkHoverWidth": 1,
  "arrowSize": 5,
  "arrowAngle": 0.5235987755982988,
  "centerForce": 0.05,
  "colliderPadding": 20,
  "repelForce": 200,
  "linkDistance": 0,
  "alphaDecay": 0.0228,
  "visibilityRules": [
    "**/*"
  ],
  "prefetchPages": false
}

depth 1

Depth Direction

The depthDirection option determines the direction in which the links of the graph are expanded.

• both: The graph will be expanded in both directions.
• incoming: The graph will only be expanded in the direction of incoming links.
• outgoing: The graph will only be expanded in the direction of outgoing links.

This setting is ignored once a depth of 5 or higher is reached.

Config

{
  "depth": 1,
  "depthDirection": "both"
}

Sitemap

{
  "node/": {
    "links": [
      "node-9/",
      "node-18/",
      "node-23/",
      "node-24/",
      "node-28/",
      "node-29/",
      "node-34/",
      "node-35/",
      "node-38/",
      "node-39/",
      "node-40/",
      "node-45/",
      "node-48/"
    ],
    "title": "Node",
    "exists": true,
    "backlinks": [
      "node-2/",
      "node-45/"
    ]
  },
  "node-1/": {
    "exists": true,
    "external": false,
    "links": [],
    "title": "Node 1",
    "backlinks": [
      "node-6/"
    ]
  },
  "node-2/": {
    "exists": true,
    "external": false,
    "links": [
      "node/",
      "node-7/",
      "node-25/"
    ],
    "title": "Node 2",
    "backlinks": []
  },
  "node-3/": {
    "exists": true,
    "external": false,
    "links": [
      "node-8/"
    ],
    "title": "Node 3",
    "backlinks": []
  },
  "node-4/": {
    "exists": true,
    "external": false,
    "links": [
      "node-28/"
    ],
    "title": "Node 4",
    "backlinks": []
  },
  "node-5/": {
    "exists": true,
    "external": false,
    "links": [
      "node-29/"
    ],
    "title": "Node 5",
    "backlinks": []
  },
  "node-6/": {
    "exists": true,
    "external": false,
    "links": [
      "node-1/",
      "node-36/",
      "node-44/"
    ],
    "title": "Node 6",
    "backlinks": [
      "node-47/"
    ]
  },
  "node-7/": {
    "exists": true,
    "external": false,
    "links": [
      "node-24/"
    ],
    "title": "Node 7",
    "backlinks": [
      "node-2/"
    ]
  },
  "node-8/": {
    "exists": true,
    "external": false,
    "links": [
      "node-49/"
    ],
    "title": "Node 8",
    "backlinks": [
      "node-3/",
      "node-35/"
    ]
  },
  "node-9/": {
    "exists": true,
    "external": false,
    "links": [
      "node-46/"
    ],
    "title": "Node 9",
    "backlinks": [
      "node/",
      "node-14/"
    ]
  },
  "node-10/": {
    "exists": true,
    "external": false,
    "links": [
      "node-23/"
    ],
    "title": "Node 10",
    "backlinks": [
      "node-33/"
    ]
  },
  "node-11/": {
    "exists": true,
    "external": false,
    "links": [],
    "title": "Node 11",
    "backlinks": []
  },
  "node-12/": {
    "exists": true,
    "external": false,
    "links": [
      "node-13/",
      "node-37/"
    ],
    "title": "Node 12",
    "backlinks": [
      "node-29/",
      "node-30/",
      "node-43/"
    ]
  },
  "node-13/": {
    "exists": true,
    "external": false,
    "links": [
      "node-40/"
    ],
    "title": "Node 13",
    "backlinks": [
      "node-12/"
    ]
  },
  "node-14/": {
    "exists": true,
    "external": false,
    "links": [
      "node-9/",
      "node-36/"
    ],
    "title": "Node 14",
    "backlinks": [
      "node-25/"
    ]
  },
  "node-15/": {
    "exists": true,
    "external": false,
    "links": [
      "node-29/"
    ],
    "title": "Node 15",
    "backlinks": []
  },
  "node-16/": {
    "exists": true,
    "external": false,
    "links": [],
    "title": "Node 16",
    "backlinks": [
      "node-35/"
    ]
  },
  "node-17/": {
    "exists": true,
    "external": false,
    "links": [],
    "title": "Node 17",
    "backlinks": [
      "node-28/"
    ]
  },
  "node-18/": {
    "exists": true,
    "external": false,
    "links": [
      "node-46/"
    ],
    "title": "Node 18",
    "backlinks": [
      "node/",
      "node-32/",
      "node-46/"
    ]
  },
  "node-19/": {
    "exists": true,
    "external": false,
    "links": [],
    "title": "Node 19",
    "backlinks": []
  },
  "node-20/": {
    "exists": true,
    "external": false,
    "links": [],
    "title": "Node 20",
    "backlinks": []
  },
  "node-21/": {
    "exists": true,
    "external": false,
    "links": [],
    "title": "Node 21",
    "backlinks": [
      "node-42/"
    ]
  },
  "node-22/": {
    "exists": true,
    "external": false,
    "links": [
      "node-31/",
      "node-47/"
    ],
    "title": "Node 22",
    "backlinks": []
  },
  "node-23/": {
    "exists": true,
    "external": false,
    "links": [
      "node-26/",
      "node-38/",
      "node-48/"
    ],
    "title": "Node 23",
    "backlinks": [
      "node/",
      "node-10/",
      "node-28/"
    ]
  },
  "node-24/": {
    "exists": true,
    "external": false,
    "links": [],
    "title": "Node 24",
    "backlinks": [
      "node/",
      "node-7/",
      "node-37/"
    ]
  },
  "node-25/": {
    "exists": true,
    "external": false,
    "links": [
      "node-14/"
    ],
    "title": "Node 25",
    "backlinks": [
      "node-2/"
    ]
  },
  "node-26/": {
    "exists": true,
    "external": false,
    "links": [],
    "title": "Node 26",
    "backlinks": [
      "node-23/"
    ]
  },
  "node-27/": {
    "exists": true,
    "external": false,
    "links": [],
    "title": "Node 27",
    "backlinks": []
  },
  "node-28/": {
    "exists": true,
    "external": false,
    "links": [
      "node-17/",
      "node-23/"
    ],
    "title": "Node 28",
    "backlinks": [
      "node/",
      "node-4/",
      "node-40/"
    ]
  },
  "node-29/": {
    "exists": true,
    "external": false,
    "links": [
      "node-12/"
    ],
    "title": "Node 29",
    "backlinks": [
      "node/",
      "node-5/",
      "node-15/",
      "node-34/"
    ]
  },
  "node-30/": {
    "exists": true,
    "external": false,
    "links": [
      "node-12/",
      "node-39/",
      "node-42/"
    ],
    "title": "Node 30",
    "backlinks": []
  },
  "node-31/": {
    "exists": true,
    "external": false,
    "links": [],
    "title": "Node 31",
    "backlinks": [
      "node-22/"
    ]
  },
  "node-32/": {
    "exists": true,
    "external": false,
    "links": [
      "node-18/"
    ],
    "title": "Node 32",
    "backlinks": []
  },
  "node-33/": {
    "exists": true,
    "external": false,
    "links": [
      "node-10/",
      "node-41/",
      "node-45/"
    ],
    "title": "Node 33",
    "backlinks": [
      "node-39/"
    ]
  },
  "node-34/": {
    "exists": true,
    "external": false,
    "links": [
      "node-29/"
    ],
    "title": "Node 34",
    "backlinks": [
      "node/"
    ]
  },
  "node-35/": {
    "exists": true,
    "external": false,
    "links": [
      "node-8/",
      "node-16/"
    ],
    "title": "Node 35",
    "backlinks": [
      "node/",
      "node-46/"
    ]
  },
  "node-36/": {
    "exists": true,
    "external": false,
    "links": [],
    "title": "Node 36",
    "backlinks": [
      "node-6/",
      "node-14/",
      "node-46/"
    ]
  },
  "node-37/": {
    "exists": true,
    "external": false,
    "links": [
      "node-24/"
    ],
    "title": "Node 37",
    "backlinks": [
      "node-12/",
      "node-41/",
      "node-44/"
    ]
  },
  "node-38/": {
    "exists": true,
    "external": false,
    "links": [
      "node-45/"
    ],
    "title": "Node 38",
    "backlinks": [
      "node/",
      "node-23/"
    ]
  },
  "node-39/": {
    "exists": true,
    "external": false,
    "links": [
      "node-33/"
    ],
    "title": "Node 39",
    "backlinks": [
      "node/",
      "node-30/"
    ]
  },
  "node-40/": {
    "exists": true,
    "external": false,
    "links": [
      "node-28/",
      "node-42/"
    ],
    "title": "Node 40",
    "backlinks": [
      "node/",
      "node-13/",
      "node-47/"
    ]
  },
  "node-41/": {
    "exists": true,
    "external": false,
    "links": [
      "node-37/"
    ],
    "title": "Node 41",
    "backlinks": [
      "node-33/"
    ]
  },
  "node-42/": {
    "exists": true,
    "external": false,
    "links": [
      "node-21/"
    ],
    "title": "Node 42",
    "backlinks": [
      "node-30/",
      "node-40/"
    ]
  },
  "node-43/": {
    "exists": true,
    "external": false,
    "links": [
      "node-12/"
    ],
    "title": "Node 43",
    "backlinks": []
  },
  "node-44/": {
    "exists": true,
    "external": false,
    "links": [
      "node-37/"
    ],
    "title": "Node 44",
    "backlinks": [
      "node-6/"
    ]
  },
  "node-45/": {
    "exists": true,
    "external": false,
    "links": [
      "node/",
      "node-48/"
    ],
    "title": "Node 45",
    "backlinks": [
      "node/",
      "node-33/",
      "node-38/"
    ]
  },
  "node-46/": {
    "exists": true,
    "external": false,
    "links": [
      "node-18/",
      "node-35/",
      "node-36/"
    ],
    "title": "Node 46",
    "backlinks": [
      "node-9/",
      "node-18/"
    ]
  },
  "node-47/": {
    "exists": true,
    "external": false,
    "links": [
      "node-6/",
      "node-40/"
    ],
    "title": "Node 47",
    "backlinks": [
      "node-22/"
    ]
  },
  "node-48/": {
    "exists": true,
    "external": false,
    "links": [],
    "title": "Node 48",
    "backlinks": [
      "node/",
      "node-23/",
      "node-45/"
    ]
  },
  "node-49/": {
    "exists": true,
    "external": false,
    "links": [],
    "title": "Node 49",
    "backlinks": [
      "node-8/"
    ]
  }
}

Full Config

{
  "actions": [],
  "tagStyles": {},
  "tagRenderMode": "none",
  "enableDrag": false,
  "enableZoom": false,
  "enablePan": false,
  "enableHover": true,
  "enableClick": "disable",
  "depth": 1,
  "depthDirection": "both",
  "followLink": "same",
  "scale": 0.65,
  "minZoom": 0.05,
  "maxZoom": 4,
  "renderLabels": true,
  "renderArrows": true,
  "renderUnresolved": false,
  "renderExternal": true,
  "scaleLinks": true,
  "scaleArrows": true,
  "minZoomArrows": 0.01,
  "labelOpacityScale": 1.3,
  "labelMutedOpacity": 0,
  "labelHoverOpacity": 1,
  "labelAdjacentOpacity": 1,
  "labelFontSize": 12,
  "labelHoverScale": 1,
  "labelOffset": 10,
  "labelHoverOffset": 14,
  "zoomDuration": 75,
  "zoomEase": "out_quad",
  "hoverDuration": 200,
  "hoverEase": "out_quad",
  "nodeDefaultStyle": {
    "shape": "circle",
    "shapeColor": "nodeColor",
    "shapeSize": 10,
    "strokeWidth": 0,
    "colliderScale": 1,
    "nodeScale": 1,
    "neighborScale": 0.5
  },
  "nodeVisitedStyle": {
    "shapeColor": "nodeColorVisited"
  },
  "nodeCurrentStyle": {
    "shapeColor": "nodeColorCurrent"
  },
  "nodeUnresolvedStyle": {
    "shapeColor": "nodeColorUnresolved"
  },
  "nodeExternalStyle": {
    "shape": "square",
    "shapeColor": "nodeColorExternal",
    "strokeColor": "inherit",
    "nodeScale": 0.6
  },
  "tagDefaultStyle": {
    "shape": "circle",
    "shapeSize": 6,
    "shapeColor": "backgroundColor",
    "strokeColor": "nodeColorTag",
    "strokeWidth": 1,
    "colliderScale": 1,
    "nodeScale": 1,
    "neighborScale": 0.7
  },
  "linkWidth": 1,
  "linkHoverWidth": 1,
  "arrowSize": 4,
  "arrowAngle": 0.5235987755982988,
  "centerForce": 0.05,
  "colliderPadding": 20,
  "repelForce": 200,
  "linkDistance": 0,
  "alphaDecay": 0.0228,
  "visibilityRules": [
    "**/*"
  ],
  "prefetchPages": false
}

both

incoming

outgoing

depth 1

Actions

actions is an array of strings which specify which action buttons are included in the graph.
The order of the actions in the array determines the order in which they are displayed in the top right of the graph.

For more information on what each individual action does, see the Graph Actions page.

Config

{
  "actions": [
    "fullscreen",
    "depth",
    "reset-zoom",
    "render-arrows",
    "render-external",
    "render-unresolved",
    "settings"
  ],
  "depth": 4
}

Sitemap

{
  "node/": {
    "links": [
      "node-6/",
      "node-8/",
      "node-18/",
      "node-19/"
    ],
    "title": "Node",
    "exists": true,
    "backlinks": [
      "node-8/"
    ]
  },
  "node-1/": {
    "exists": true,
    "external": false,
    "links": [
      "node-3/",
      "node-10/",
      "node-14/"
    ],
    "title": "Node 1",
    "backlinks": []
  },
  "node-2/": {
    "exists": true,
    "external": false,
    "links": [
      "node-3/",
      "node-5/",
      "node-15/",
      "node-18/"
    ],
    "title": "Node 2",
    "backlinks": [
      "node-7/"
    ]
  },
  "node-3/": {
    "exists": true,
    "external": false,
    "links": [
      "node-12/",
      "node-17/",
      "node-18/",
      "node-19/"
    ],
    "title": "Node 3",
    "backlinks": [
      "node-1/",
      "node-2/",
      "node-8/"
    ]
  },
  "node-4/": {
    "exists": true,
    "external": true,
    "links": [],
    "title": "Node 4",
    "backlinks": [
      "node-9/",
      "node-10/",
      "node-14/",
      "node-15/"
    ]
  },
  "node-5/": {
    "exists": false,
    "external": false,
    "links": [
      "node-6/",
      "node-11/"
    ],
    "title": "Node 5",
    "backlinks": [
      "node-2/"
    ]
  },
  "node-6/": {
    "exists": true,
    "external": false,
    "links": [
      "node-14/",
      "node-17/"
    ],
    "title": "Node 6",
    "backlinks": [
      "node/",
      "node-5/",
      "node-11/",
      "node-15/",
      "node-19/"
    ]
  },
  "node-7/": {
    "exists": true,
    "external": false,
    "links": [
      "node-2/",
      "node-8/",
      "node-12/"
    ],
    "title": "Node 7",
    "backlinks": [
      "node-10/",
      "node-19/"
    ]
  },
  "node-8/": {
    "exists": true,
    "external": false,
    "links": [
      "node/",
      "node-3/",
      "node-12/",
      "node-17/"
    ],
    "title": "Node 8",
    "backlinks": [
      "node/",
      "node-7/",
      "node-13/",
      "node-19/"
    ]
  },
  "node-9/": {
    "exists": true,
    "external": false,
    "links": [
      "node-4/",
      "node-15/",
      "node-16/",
      "node-18/",
      "node-19/"
    ],
    "title": "Node 9",
    "backlinks": [
      "node-18/"
    ]
  },
  "node-10/": {
    "exists": true,
    "external": false,
    "links": [
      "node-4/",
      "node-7/",
      "node-13/",
      "node-14/",
      "node-16/",
      "node-17/"
    ],
    "title": "Node 10",
    "backlinks": [
      "node-1/"
    ]
  },
  "node-11/": {
    "exists": true,
    "external": false,
    "links": [
      "node-6/",
      "node-12/",
      "node-17/"
    ],
    "title": "Node 11",
    "backlinks": [
      "node-5/"
    ]
  },
  "node-12/": {
    "exists": true,
    "external": true,
    "links": [],
    "title": "Node 12",
    "backlinks": [
      "node-3/",
      "node-7/",
      "node-8/",
      "node-11/"
    ]
  },
  "node-13/": {
    "exists": true,
    "external": false,
    "links": [
      "node-8/"
    ],
    "title": "Node 13",
    "backlinks": [
      "node-10/",
      "node-18/"
    ]
  },
  "node-14/": {
    "exists": true,
    "external": false,
    "links": [
      "node-4/"
    ],
    "title": "Node 14",
    "backlinks": [
      "node-1/",
      "node-6/",
      "node-10/"
    ]
  },
  "node-15/": {
    "exists": false,
    "external": false,
    "links": [
      "node-4/",
      "node-6/",
      "node-16/"
    ],
    "title": "Node 15",
    "backlinks": [
      "node-2/",
      "node-9/",
      "node-16/"
    ]
  },
  "node-16/": {
    "exists": true,
    "external": false,
    "links": [
      "node-15/",
      "node-18/"
    ],
    "title": "Node 16",
    "backlinks": [
      "node-9/",
      "node-10/",
      "node-15/",
      "node-18/"
    ]
  },
  "node-17/": {
    "exists": true,
    "external": false,
    "links": [
      "node-19/"
    ],
    "title": "Node 17",
    "backlinks": [
      "node-3/",
      "node-6/",
      "node-8/",
      "node-10/",
      "node-11/"
    ]
  },
  "node-18/": {
    "exists": true,
    "external": false,
    "links": [
      "node-9/",
      "node-13/",
      "node-16/"
    ],
    "title": "Node 18",
    "backlinks": [
      "node/",
      "node-2/",
      "node-3/",
      "node-9/",
      "node-16/"
    ]
  },
  "node-19/": {
    "exists": true,
    "external": false,
    "links": [
      "node-6/",
      "node-7/",
      "node-8/"
    ],
    "title": "Node 19",
    "backlinks": [
      "node/",
      "node-3/",
      "node-9/",
      "node-17/"
    ]
  }
}

Full Config

{
  "actions": [
    "fullscreen",
    "depth",
    "reset-zoom",
    "render-arrows",
    "render-external",
    "render-unresolved",
    "settings"
  ],
  "tagStyles": {},
  "tagRenderMode": "none",
  "enableDrag": false,
  "enableZoom": false,
  "enablePan": false,
  "enableHover": true,
  "enableClick": "disable",
  "depth": 4,
  "depthDirection": "both",
  "followLink": "same",
  "scale": 1.1,
  "minZoom": 0.05,
  "maxZoom": 4,
  "renderLabels": true,
  "renderArrows": true,
  "renderUnresolved": false,
  "renderExternal": true,
  "scaleLinks": true,
  "scaleArrows": true,
  "minZoomArrows": 0.8,
  "labelOpacityScale": 1.3,
  "labelMutedOpacity": 0,
  "labelHoverOpacity": 1,
  "labelAdjacentOpacity": 1,
  "labelFontSize": 12,
  "labelHoverScale": 1,
  "labelOffset": 10,
  "labelHoverOffset": 14,
  "zoomDuration": 75,
  "zoomEase": "out_quad",
  "hoverDuration": 200,
  "hoverEase": "out_quad",
  "nodeDefaultStyle": {
    "shape": "circle",
    "shapeColor": "nodeColor",
    "shapeSize": 10,
    "strokeWidth": 0,
    "colliderScale": 1,
    "nodeScale": 1,
    "neighborScale": 0.5
  },
  "nodeVisitedStyle": {
    "shapeColor": "nodeColorVisited"
  },
  "nodeCurrentStyle": {
    "shapeColor": "nodeColorCurrent"
  },
  "nodeUnresolvedStyle": {
    "shapeColor": "nodeColorUnresolved"
  },
  "nodeExternalStyle": {
    "shape": "square",
    "shapeColor": "nodeColorExternal",
    "strokeColor": "inherit",
    "nodeScale": 0.6
  },
  "tagDefaultStyle": {
    "shape": "circle",
    "shapeSize": 6,
    "shapeColor": "backgroundColor",
    "strokeColor": "nodeColorTag",
    "strokeWidth": 1,
    "colliderScale": 1,
    "nodeScale": 1,
    "neighborScale": 0.7
  },
  "linkWidth": 1,
  "linkHoverWidth": 1,
  "arrowSize": 5,
  "arrowAngle": 0.5235987755982988,
  "centerForce": 0.05,
  "colliderPadding": 20,
  "repelForce": 200,
  "linkDistance": 0,
  "alphaDecay": 0.0228,
  "visibilityRules": [
    "**/*"
  ],
  "prefetchPages": false
}

Visibility Rules

The visibilityRules option is a list of glob patterns that determine when the <PageGraph /> component (e.g. the graph in the Starlight sidebar) will be shown. When using the plugin it its default configuration (with Starlight), the graph will also only be shown if the sidebar is visible.

["**/*"]

<PageGraph /> is shown on all pages.

• Directorysrc

  • Directorycontent

    • Directorydocs

      • Directoryprivate

        • page.md // <PageGraph> is shown
      • Directorypublic

        • page.md // <PageGraph> is shown
        • cool-stuff.md // <PageGraph> is shown

["!**/*", "**/*"]

<PageGraph /> is never shown because the first rule matches all pages.

• Directorysrc

  • Directorycontent

    • Directorydocs

      • Directoryprivate

        • page.md // <PageGraph> is not shown
      • Directorypublic

        • page.md // <PageGraph> is not shown
        • cool-stuff.md // <PageGraph> is not shown

["**/public/*"]

<PageGraph /> is only shown on pages in the public directory.

• Directorysrc

  • Directorycontent

    • Directorydocs

      • Directoryprivate

        • page.md // <PageGraph> is not shown
      • Directorypublic

        • page.md // <PageGraph> is shown
        • cool-stuff.md // <PageGraph> is shown

["**/page.md"]

<PageGraph /> is only shown on pages with the name page.md.

• Directorysrc

  • Directorycontent

    • Directorydocs

      • Directoryprivate

        • page.md // <PageGraph> is shown
      • Directorypublic

        • page.md // <PageGraph> is shown
        • cool-stuff.md // <PageGraph> is not shown

["!**/public/**, "**/*"]

<PageGraph /> is shown on all pages except for those in the public directory.

• Directorysrc

  • Directorycontent

    • Directorydocs

      • Directoryprivate

        • page.md // <PageGraph> is shown
      • Directorypublic

        • page.md // <PageGraph> is not shown
        • cool-stuff.md // <PageGraph> is not shown