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.

February 5, 2026

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:

Mode	Purpose	Right Panel Shows
Schema	Design data model with properties and constraints	Property editor, validation, key roles
Links	Configure node navigation for published sites	Link configuration, page search, URL input

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:

Indicator	Meaning
Link icon badge	Node has a configured link
Cursor change	Pointer cursor on hover indicates clickable
Tooltip	Shows link destination on hover
Colour change	Linked nodes may have distinct styling

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:

Link Type	Behaviour
Internal Page	Navigates within the site using the router
External URL	Opens in a new browser tab
Home	Navigates to the site home page

Use Cases

Documentation Index

Create a visual map of documentation sections with clickable nodes

Site Map

Build an interactive site navigation diagram

Architecture Overview

Link system components to their detailed documentation

Learning Path

Create guided navigation through tutorial pages

Combining Schema and Links

Nodes can have both schema properties and link configuration. The data is independent:

Data	Visible In
Properties (types, constraints)	Schema mode editor, Cypher export
Link configuration	Links mode editor, published viewer navigation
Both	Stored in the same node, used in different contexts

Clearing Links

To remove a link from a node: