🔍 Nogic Visualize your codebase structure with interactive diagrams 📦 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
— Browse files, classes, and functions in an interactive hierarchical graph 📋 Boards — Create custom boards to organize and focus on specific parts of your codebase
— Create custom boards to organize and focus on specific parts of your codebase 🎯 Class Diagrams — View class relationships, inheritance, and method structures
— View class relationships, inheritance, and method structures 🔄 Call Graphs — Trace function calls and dependencies across your codebase
— Trace function calls and dependencies across your codebase 🔍 Quick Search — Find elements instantly with Cmd/Ctrl+K
— Find elements instantly with ⚡ Auto-sync — Changes to your code are automatically reflected in the visualization 📖 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 🖱️ Right-click files or folders in the Explorer to add them to a board
👆 Double-click nodes to open files in the editor
📂 Click nodes to expand and see methods
🖐️ Drag to pan, scroll to zoom Made with ❤️ by the Nogic team • nogic.dev