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.

{
  "depth": 1
}

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

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

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

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

{
  "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
}

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.

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

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

{
  "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

<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

<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

<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