Vxplain excels at creating visual representations of your codebase to help you understand its structure and flow. Architecture diagrams provide a high-level overview of your codebase. They show the main components of your application and how they are connected.

​
Entire Project

To generate an architecture diagram for the entire project, click on the Vxplain logo in the sidebar and then click Generate Diagram.
Vxplain Generate Diagram Command

​
Specific Folder

If you want to generate a diagram for a specific folder, you can right-click on the folder in the Explorer view and select Vxplain: Get Folder Architecture.
Vxplain Get Folder Architecture Command
  • Nodes: Each node in the diagram represents a component, such as a module, class, or function.
  • Edges: The edges between nodes represent the relationships between components, such as dependencies or function calls.

​
Interacting with Diagrams

The diagrams generated by Vxplain are interactive. You can:
  • Zoom and Pan: Use your mouse or trackpad to zoom in and out and pan around the diagram.