Links Editor Mode
Configure clickable navigation links on graph nodes. Link nodes to internal pages, external URLs, or the site home. Create interactive documentation graphs for published sites.
Links editor mode transforms graph diagrams into interactive navigation tools. In this mode, nodes become clickable links that navigate to pages, external URLs, or the site home. This is ideal for creating site maps, documentation indexes, and interactive overviews.
Editor Modes in Graph DB
Graph DB mode offers two editor modes:
Link Types
Each node can have one of three link types:
Configuring Internal Page Links
Configuring External URL Links
Link Indicators
In both the editor and viewer, linked nodes display visual indicators:
Link Configuration Storage
Link configuration is stored on each node:
{
"id": "node-001",
"label": "Getting Started",
"linkConfig": {
"type": "internal-page",
"pageId": "e54f5fcd-37bb-42c7-aa1d-610e8feebce1"
}
}
{
"id": "node-002",
"label": "Documentation",
"linkConfig": {
"type": "external-url",
"externalUrl": "https://docs.example.com"
}
}
{
"id": "node-003",
"label": "Home",
"linkConfig": {
"type": "home"
}
}Viewer Behaviour
In the published viewer, clicking a linked node triggers navigation:
Use Cases
Combining Schema and Links
Nodes can have both schema properties and link configuration. The data is independent:
Clearing Links
To remove a link from a node: