#diagram

RedPanda Visualizer

RedPandaCoding

Visualize and edit graph JSON files (.graphjson) directly in VS Code

Draw My Architecture DSL Preview

petecodes

Design, preview, refine, and export Draw My Architecture DSL diagrams directly in VS Code.

ER diagram editor with DDL generation — a modern ERMaster replacement

Alat / Dependency Graph

GSuleimanov

Visualize your codebase as an interactive dependency graph. Explore call graphs, class diagrams, and code structure for any language.

CodeDetective

dev-shridhar

Instant flowcharts from your Python code. Right-click any function — CodeDetective parses it with tree-sitter, resolves calls across files, and renders an interactive control-flow diagram right inside VS Code.

SwiftMap

ewavelab

Minimal mind map editor for Visual Studio Code.

Schemap ERD

mikeeeyy04

Connect to a MySQL database and explore its tables and relationships as an interactive ERD.

Mermaid Viz

nkokhelox

Live preview Mermaid diagram (.mmd / .mermaid) files inside VS Code.

Surrounded by Slop

georgyia

See the code you'll never read — automatic diagrams for your codebase.

Ambastha Diagrams

SudhanshuAmbastha

Diagram previewer for .abd files.

Markweave

xanaki

WYSIWYG Markdown editor with Excel-like table editing, Word-like math input, Blender-style Mermaid node editing, and HTML/PDF/PowerPoint export

Architecture Studio for VS Code — scaffold, document and maintain architecture as code using Markdown, Mermaid diagrams and YAML.