Obsidian Graph View
Interactive force-directed map of every wiki-link in the site, mirroring Obsidian's local graph.
Table of Contents
Obsidian Graph View
A live, force-directed map of every page on this site and every
[[wiki-link]] between them. This is the rendered-site equivalent of
Obsidian’s graph view — built from the same
assets/data/wiki-index.json
that powers the client-side resolver
and backlinks panel.
Lower shows labels sooner while zooming in.
Tips: click a node to open the page · ⌘/Ctrl-click to
open in a new tab · drag to reposition · scroll to zoom · hover to
preview a page and highlight its neighborhood · search supports
tag:foo and path:docs operators · the
Graph settings panel filters collections and tunes display
& forces (persisted in your browser).
How it’s built
| Piece | File |
|---|---|
| Build-time index (nodes + outgoing edges) | assets/data/wiki-index.json (Liquid template at assets/data/wiki-index.json) |
| Renderer | assets/js/obsidian-graph.js |
| Layout engine | cytoscape.js (vendored under assets/vendor/, loaded only on this page) |
Outgoing edges come from the same [[…]] syntax the resolver handles —
unresolved targets show up as dashed red nodes so you can find dangling
links at a glance. The graph is regenerated every Jekyll build; nothing
runs client-side except cytoscape’s force layout.
See also
- [[Obsidian Vault Integration]]
- [[Obsidian Syntax Reference]]
- [[Obsidian Authoring Workflow]]
- [[Getting Started with the Obsidian Vault]]
- [[Obsidian Integration Troubleshooting]]