Project Graph Visualizer is a VS Code extension that converts your project structure into an interactive visual graph for faster navigation and understanding.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Project Graph Visualizer is a VS Code extension that converts your project structure into an interactive visual graph for faster navigation and understanding.
Usage
Install the extension
Click the Project Graph icon from the VS Code sidebar to generate the visual structure.
Drag, zoom, expand, collapse, and explore folders/files directly inside the interactive graph view.
Open any file in the editor and the graph will instantly highlight the currently active working file.
Features
Interactive graph visualization of complete project folders and files with smooth animations and zoom controls.
Smart color-coded nodes for different file types including JavaScript, TypeScript, C++, Python, Java, JSON, Markdown, images, and more.
Expand and collapse folder structures with buttery smooth transitions for better focus and cleaner navigation.
Live “Working” indicator that automatically highlights the currently active file being edited in VS Code.
