RedPanda Visualizer is a high-performance, offline-first graph visualization and editing environment natively integrated into Visual Studio Code. It is designed for software architects, developers, and system engineers who need to design, map, and explore complex infrastructure and software architectures without leaving their IDE.
Features
- Native
.graphjsonEditor: Open any.graphjsonfile in VS Code and it will automatically launch the interactive visualizer instead of a text editor. - Offline & Private: The visualizer runs entirely offline within your local VS Code environment. No data is sent to external servers, ensuring maximum privacy for your sensitive architectural diagrams.
- Drag & Drop Building: Create nodes, draw edges, and build complex hierarchical graphs with a fluid, hardware-accelerated UI.
- Smart Edge Routing: Features professional collision-free edge routing and dynamic layout algorithms (Sugiyama / Layered / Spacial) powered by ELK.
- Real-Time Saving: Modifications to the visual graph are instantly synced and saved back to the underlying JSON file, maintaining perfect synchrony with your git repository.
Getting Started
- Install the extension from the marketplace.
- Create a new file ending in
.graphjson(or open an existing one). - The RedPanda Visualizer will open automatically. Right-click the canvas to start adding nodes and mapping your architecture!
Created by Red Panda Coding