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.

SoliMark Preview

SoliMark Preview

Ahmedsoliman

A richer markdown preview for VS Code with React Flow / mermaid / C4 diagram rendering.

Visualization #javascript
12
Z Code Visualizer

Z Code Visualizer

taruntrk

Visualize your entire codebase as an interactive map — files, folders, imports, function calls, CSS, environment variables, and database connections.

Visualization #css
11
APIScout — API Explorer & OpenAPI Readiness

APIScout — API Explorer & OpenAPI Readiness

Apyguard

Discover endpoints, measure OpenAPI readiness, review findings, generate endpoint-specific AI guidance, compare API changes, and export OpenAPI without leaving VS Code.

Visualization Testing #python
11 5.0
Claude Skills Graph

Claude Skills Graph

ManuelArguelles

Visualize your Claude Code skills as an interactive skill↔tag graph in WebGL: search, filter, open the SKILL.md and use skills in your terminal.

Visualization AI #ai
11
Vibe Latex

Vibe Latex

lihengzhuang

Live-render LaTeX math from Claude Code conversations in a side panel, with a LaTeX input preview box.

Visualization #claude code
11
飞书卡片预览

飞书卡片预览

TianxiongZhao

Preview Lark/Feishu Universal Card DSL JSON directly in VS Code.

Visualization #preview
11
AI Markdown Studio Community

AI Markdown Studio Community

GustavoSerpa

AI Markdown Studio Community combines open-source Markdown authoring with AI-assisted document and MPS generation, live previews, HTML export, and basic DOCX export.

Formatters Visualization #markdown
11
BigQuery Data Explorer

BigQuery Data Explorer

benaventi

Analyze query results in your editor — highlight, conditionally format, pin, filter, sort, and copy in a spreadsheet-style grid instead of exporting to Excel. BigQuery support built in.

Data Science Visualization #sql
11
DFTracer Viewer

DFTracer Viewer

rayandrew

Explore DFTracer traces (.pfw/.pfw.gz) in an interactive, query-on-demand timeline: pan/zoom with density LOD, per-rank/host lanes, flamegraph, gap analysis, and I/O bandwidth.

Visualization #trace
11
Hex Magic

Hex Magic

Axrenox

Inline ghost annotations showing the decimal or binary value of hex and octal literals.

Visualization #hexadecimal
11
CodeFlow Pro

CodeFlow Pro

Cursed-Dev

Visualize the call chain for any backend route — Route → Controller → Service → Model → Helper — all frameworks.

Visualization #python
11
SeqEyes

SeqEyes

SeqEyesDeveloper

Visualize Pulseq .seq and .bseq MRI sequences inside VS Code with interactive diagrams and k-space trajectories.

Visualization #visualization
11