notes/vault/Graph View.md
enzotar 706c7ac5ad feat: Graph Notes app with semantic zoom graph, wikilink tokens, and shadcn-inspired UI
- Tauri v2 desktop app with React, TypeScript, Tailwind CSS v4
- Contenteditable editor with [[wikilink]] token chips (compact pills, unwrap on backspace/delete)
- Wikilink autocomplete: type [[ to search and link notes
- Force-directed graph view with semantic zoom (circle→card morph)
- Single-click zooms into node, double-click opens note
- shadcn-inspired design system: zinc neutrals, purple accents, gradient buttons
- Sidebar with search, file tree, active indicators, daily note shortcut
- Backlinks panel showing linked mentions with context
- File-based vault stored in local filesystem via Tauri FS plugin
2026-03-07 00:21:49 -08:00

24 lines
913 B
Markdown

# Graph View
The **Graph View** is a visual representation of all your notes and their connections.
## How It Works
Every note in your vault becomes a **node** in the graph. When you create a [[Wikilink|wikilink]] between notes using `[[brackets]]`, an **edge** is drawn between them.
## Features
- **Force-directed layout**: Notes arrange themselves based on their connections
- **Zoom & Pan**: Scroll to zoom, drag the background to pan
- **Click to navigate**: Click any node to open that note
- **Node size**: Nodes with more links appear larger
- **Link count badges**: See how connected each note is
## Tips
- Notes with lots of connections will naturally cluster together
- Orphan notes (without links) will drift to the edges
- Use [[Markdown Syntax]] to learn about linking
- Check your [[Welcome]] note for an overview
The graph is rebuilt every time you open it, so new links appear instantly.