nuartz includes an interactive graph view that visualizes the connections between your notes, built from wikilinks and backlinks.
How It Works
The graph is generated from the link structure of your content:
- Each note becomes a node in the graph
- Each wikilink creates an edge between two nodes
- Node size is proportional to the number of connections
Local vs Global
- Local graph — shows notes directly connected to the current page (one hop away)
- Global graph — shows all notes and their connections; toggle it from the graph icon
Building a Connected Garden
The more you use wikilinks, the richer your graph becomes. Here are the docs in this garden and how they connect:
- Home — the entry point, links to all major sections
- Getting Started — setup guide
- Authoring Content — writing syntax reference
- Configuration — config options
- Wikilinks — the linking mechanism that powers the graph
- Callouts — callout block types
- Syntax Highlighting — code rendering
- Mermaid Diagrams — diagram rendering
Make Your Graph Interesting
Link liberally between notes. Each [[wikilink]] adds an edge to the graph, making it easier to discover related content.
Enabling Graph View
Graph view is enabled by default. You can toggle it in nuartz.config.ts:
features: {
// graph view is part of the core layout
backlinks: true, // backlinks power the graph edges
}Visited Nodes
Like how browsers color visited links differently, the graph highlights nodes you have already visited.