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.

GitRef Gutter

GitRef Gutter

0qinghao

Compare working tree against any git reference (commit, branch, tag) with inline gutter indicators and hover diff preview.

Visualization #git
15
Miragon Modeler Collection

Miragon Modeler Collection

miragon-gmbh

Model-based design in VS Code — BPMN, Team Topologies, Wardley Maps, Context Maps and Domain Storytelling in a single install.

Extension Packs Visualization #ddd
15
VibeBar — ASCII Art / 아스키아트

VibeBar — ASCII Art / 아스키아트

chulyeon

사이드바 탐색기에 어른거리는 앰비언트 ASCII 아트 / Ambient ASCII art in your sidebar

Themes Visualization #theme
15 5.0
O

Outliner Pro

gyanaprakashkhandual

Production-grade code outline explorer. Instantly see functions, classes, methods and the main entry point of any open file, jump to the exact line with one click, and copy code or references — works across all languages supported by VS Code (JS, TS, Python, Java, C, C++, C#, Go, Rust, COBOL, Markdo

Programming Languages Visualization #python
15
Netlog Viewer

Netlog Viewer

tmidorikawa

A viewer for Chromium net-export (NetLog) log files. It is functionally compatible with Chromium’s netlog_viewer.

Visualization #language-model-tools
15
SVG Path Studio

SVG Path Studio

zazaulola

Live SVG preview with cursor-aware path highlighting and absolute/relative coordinate conversion.

Programming Languages Visualization #preview
15
AI Token Usage

AI Token Usage

dtvu95

Theo dõi token usage của API AI ngay trên status bar VSCode (cấu hình linh hoạt cho mọi endpoint).

Visualization #usage
15
JSON Notebook

JSON Notebook

00index

Run jq queries against the open JSON file with field autocomplete, and view the result in a new tab.

Visualization #json
15
KromaStudio

KromaStudio

KromaStudio

📷 Turn selected code into share-ready screenshots in KromaStudio — syntax highlighting, gradients, mockups. Carbon / ray.so alternative. Cmd+Shift+K to capture.

Visualization #keybindings
15
Live Readme & Badge Designer

Live Readme & Badge Designer

mehaksandhudev

Interactive GFM Markdown live preview, Shields.io badge builder, and VS Code webview simulator — all in one panel.

Formatters Visualization #markdown
15
Portyard

Portyard

saptarshiroy39

Cross-platform local port discovery and process management.

Visualization
15 5.0
Mapify

Mapify

bhargavKallepally

Semantic codebase mapping for architecture understanding and AI context generation.

Programming Languages Visualization #ai
15