Hierarchy Graph

Visualize your Obsidian vault's folder structure as an interactive force-directed graph.

Features

• Interactive Graph: See your vault's folder and file hierarchy as an interactive force-directed graph
• Drag & Drop: Drag nodes to rearrange the layout
• Pan & Zoom: Navigate the graph with mouse wheel zoom and drag-to-pan
• Theme Aware: Colors automatically match your current Obsidian theme
• Click to Open: Click on a file node to open it in Obsidian
• Live Updates: Graph updates automatically when you create, delete, or rename files

Usage

1. Click the folder-tree icon in the left ribbon to open the hierarchy graph view
2. Or use the command palette: "Open hierarchy graph"

Settings

Configure the graph via Settings → Hierarchy Graph:

Physics

• Center force: Strength of force pulling nodes to center
• Repel force: Strength of force pushing nodes apart
• Link force: Strength pulling connected nodes together
• Link distance: Target distance between connected nodes

Display

• Node size: Adjust the size of nodes
• Font size: Adjust the label font size

Installation

From Obsidian Community Plugins

1. Open Settings → Community plugins
2. Disable Safe mode
3. Click Browse and search for "Hierarchy Graph"
4. Install and enable the plugin

Manual Installation

1. Download main.js, manifest.json, and styles.css from the latest release
2. Create folder: <vault>/.obsidian/plugins/hierarchy-graph/
3. Copy the downloaded files into this folder
4. Reload Obsidian and enable the plugin in Settings

Author

iso53 - GitHub

License

This project is licensed under the GNU General Public License v3.0. Feel free to modify the content and structure based on your preferences and project specifics.