Graph Links Block
Create interactive navigation diagrams that link to pages, external URLs, and the home page. Build site maps, knowledge bases, and learning paths with clickable nodes.
Graph Links diagrams use D3.js force simulation to create interactive navigation structures. Unlike Graph Diagrams (which focus on entity properties), Graph Links nodes are clickable and navigate to pages, external URLs, or the home page. This makes them ideal for site maps, documentation navigation, and learning paths.
When to Use
Block Properties
Link Types
Each node in a Graph Links diagram can link to one of three destinations.
Example: Documentation Site Map
This diagram shows the navigation structure for this documentation site. Click any node to navigate to that page, or select a node to see its link type in the info panel.
Edge Labels
Edges in Graph Links diagrams can include labels that describe the navigation relationship.
Example: Learning Path
This diagram shows a progressive learning structure through NeoArc features. Numbered edges indicate the recommended learning sequence. Click any node to navigate to that feature page.
Example: Features Overview
This diagram shows all NeoArc features branching from the Features Overview page. Relationship labels show how features connect. Click any node to explore that feature.
Viewer Features
Interactive Features
Like Graph Diagrams, Graph Links diagrams support full interactivity.
Navigation Events
When a user clicks a node in the viewer, the diagram dispatches custom events.
Use Cases
Creating Graph Links Diagrams
Editor Keyboard Shortcuts
The Graph Links editor shares shortcuts with the Graph Diagram editor.
Graph Links vs Graph Diagrams
Choose the right diagram type for your purpose.