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

913 B

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 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.