VS Code Extensions

Categories

Visualization

Render software structures visually. Discover top VS Code Visualization extensions to generate architecture charts, map data schemas, and preview layout plots.

codeswim

codeswim

codeswim

Navigate a codebase via clickable mermaid diagrams in markdown.

Visualization #markdown
3
File Pulse

File Pulse

kalpakps

Tracks file open frequency and colors your explorer from hot red to cool blue. Pin your most-used files into smart groups.

Visualization
3
ArchFlow Architecture Explorer

ArchFlow Architecture Explorer

DharmenderThakur

Explore your codebase architecture inside VS Code.

Visualization
2
MarkSlate

MarkSlate

trenaryja

A beautiful live-preview markdown editor for VS Code — write without ever leaving your editor.

Formatters Visualization #markdown
2
QDocPreview

QDocPreview

AlexeiCazacov

Live preview for QDoc documentation in .qdoc files and QDoc comments in C++/QML sources.

Programming Languages Visualization #documentation
2
WireCue

WireCue

evanxiao

Lightweight wireframe prototyping inside VS Code. Render .wirecue canvases, leave comments on elements, and let agents act on them.

Visualization #json
2
E-REW — Requirements Engineering Workbench

E-REW — Requirements Engineering Workbench

EjadahAILABS

Git-native requirements engineering with evidence-backed quality, traceability, verification, safety and drift analysis. Part of the Ejadah Engineering Intelligence Platform.

Linters Visualization #git
2
Graphoxide

Graphoxide

cgaspard

Explore, query, and maintain Graphoxide code knowledge graphs without leaving VS Code.

Programming Languages Visualization #keybindings
2
CodeCanvas - Workspace Diagram Visualizer

CodeCanvas - Workspace Diagram Visualizer

codecanvas

Visual workspace diagram generator and Excalidraw editor for VS Code

Visualization #workspace
2
UX Developer Companion

UX Developer Companion

dlaisoft

Circle the bug in your running app and press one key — Copilot Chat gets the screenshot, the annotation, and the context. Embedded browser with a React/Angular inspector and a11y tools.

Debuggers Visualization #javascript
2
D

DevMap

bailingyuan

Comment-driven project knowledge graph for humans and AI.

Programming Languages Visualization
2
TMTP - Teach Me This Project

TMTP - Teach Me This Project

UnaStaziaBo

Understand a new codebase before writing your first line of code.

Visualization Education #ai
2