Visualization
Render software structures visually. Discover top VS Code Visualization extensions to generate architecture charts, map data schemas, and preview layout plots.
Disk Size Treemap
G-Yong
Visualize workspace file and folder sizes as an interactive squarified treemap
XSVG Viewer
VisionCortex
Designated viewer for .xsvg files — the interactive xsvg viewer (pan/zoom, artboard deck, inspector) with theme-aware colors and live reload. Pure JS + WASM.
Vector AI Pulse
iSattva
In-editor budget pacing and efficiency insight for metered, agentic AI coding tools (Claude Code and peers) — zero network calls, local-only.
Markora – Visual Markdown Editor
MohamedAzzimJ
An open-source visual Markdown editor for Visual Studio Code.
RegEx Live Lens
Irontore
Interactive inline RegEx tester, visualizer, and builder inside VS Code.
Dependinator
michaelreichenauer
Dependinator visualizes code structure and dependencies as an interactive, navigable map, making complex architectures easier to understand, analyze, and refactor.
ExtSherlock — Extension Doctor
AnandShah
Diagnoses slow, conflicting, and resource-hungry VS Code extensions in real time, and tells you exactly what to disable and why.
ArchStep
archstep
Syntax highlighting, diagnostics, and a live animated preview for Step (.step) files.
Cognitive Heatmap
sammacorpy
Real-time color overlay on the editor showing cognitive complexity per function — like a thermal camera for code quality.
Problem Explorer
Yjaatouri
Highlights files and folders with errors and warnings directly in the Explorer
Story CSS
Irontore
An interactive, educational CSS-to-Story visualizer, AST analyzer, and sandbox overlay tool.
Triton
focus-space
Live preview for Triton diagrams (and Mermaid) — deterministic SVG, rendered by the Triton compiler.