Project Graph Visualizer is a VS Code extension that converts your project structure into an interactive visual graph for faster navigation and understanding.

Usage

1. Install the extension

2. Click the Project Graph icon from the VS Code sidebar to generate the visual structure.

3. Drag, zoom, expand, collapse, and explore folders/files directly inside the interactive graph view.

4. Open any file in the editor and the graph will instantly highlight the currently active working file.

Features

1. Interactive graph visualization of complete project folders and files with smooth animations and zoom controls.

2. Smart color-coded nodes for different file types including JavaScript, TypeScript, C++, Python, Java, JSON, Markdown, images, and more.

3. Expand and collapse folder structures with buttery smooth transitions for better focus and cleaner navigation.

4. Live “Working” indicator that automatically highlights the currently active file being edited in VS Code.