Obsidian Knowledge Graph

Interactive force-directed graph of your vault's [[wikilinks]]

Features

◆ Force-directed layout D3.js simulation with drag, zoom, and pan. Nodes with more connections grow larger.	◆ Zero-overhead data Reads [[wikilinks]] directly from Obsidian's MetadataCache — no parsing needed.
◆ 11 color palettes Tag-based node coloring with palettes from D3 (Set3, Category10, Pastel, Dark2, Tableau10, Monochrome & more).	◆ Smart navigation Click to highlight neighbors. Double-click to open the note. Command to center on your current file.
◆ Live settings Adjust force strength, node size, color palette, orphan visibility — graph updates instantly.	◆ Refined Editorial design Glass-morphism tooltips, dot-grid background, node glow on highlight, editorial-style stats panel.

Install

Manual

cd /path/to/vault/.obsidian/plugins
git clone https://github.com/Atnagnohil/obsidian-graph.git
cd obsidian-graph
npm install && npm run build

BRAT (Beta)

1. Install BRAT
2. Add Atnagnohil/obsidian-graph as a beta plugin
3. Enable Knowledge Graph in Community Plugins

Community Plugins

Coming soon — pending review for the Obsidian plugin marketplace.

Usage

Action	How
Open graph	Ribbon icon or Open knowledge graph command
Pan & Zoom	Scroll to zoom, drag to pan
Highlight neighbors	Click a node
Open note	Double-click a node
Center on current note	Focus graph on current note command
Drag nodes	Click and drag to reposition

Settings

Setting	Description
Force strength	Repulsion between nodes — more negative = wider spread
Node size	Base radius, scaled by connection count
Show orphans	Show or hide notes without links
Color palette	Set3 / Category10 / Pastel 1&2 / Set 1&2 / Accent / Dark2 / Paired / Tableau10 / Monochrome

Develop

npm install       # Dependencies
npm run dev       # Watch mode
npm run build     # Production build

Built with TypeScript, esbuild, D3.js v7. Zero runtime framework dependencies.

Architecture and development history in DEVLOG.md.

---

_{MIT © 2026 Atnagnohil}