Turn your codebase into an interactive map to help you navigate and understand complex architecture within it
📦 Supported Languages
More languages and frameworks coming soon! 🎉
🚀 Getting Started
Open the Command Palette (Cmd+Shift+P / Ctrl+Shift+P)
Run Nogic: Open Visualizer
Right-click files or folders in the Explorer and select Add to Nogic Board
Your codebase is automatically indexed when you open the visualizer, if given permission.
✨ Features
🌲 Unified View — Browse files, classes, and functions in an interactive hierarchical graph
📋 Boards — Create custom boards to organize and focus on specific parts of your codebase
🎯 Class Diagrams — View class relationships, inheritance, and method structures
🔄 Call Graphs — Trace function calls and dependencies across your codebase
🔍 Quick Search — Find elements instantly with Cmd/Ctrl+K
⚡ Auto-sync — Changes to your code are automatically reflected in the visualization
🔒 Privacy
Your code never leaves your machine. All parsing, indexing, and visualization happens 100% locally within your IDE. No data is sent to any external server.
📖 Commands
Command
Description
Nogic: Open Visualizer
Open the interactive visualizer
Nogic: Create New Board
Create a new board
Add to Nogic Board
Add a file/folder to a board (right-click menu)
💡 Tips
📋 Create multiple boards to organize different areas of your codebase
🖱️ Double click nodes on the canvas to zoom into focus view
📂 Right-click file nodes and select "Add Connected Files" to automatically add imported/dependent files
