Show HN: Nogic – VS Code extension that visualizes your codebase as a graph

Summary

OverviewVersion HistoryQ & ARating & Review🔍 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 📋 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 📖 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