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.

Explorer Line Count

Explorer Line Count

philau2512

Display line count for files directly in the VS Code Explorer view.

Programming Languages Visualization #explorer
14
Folder Viewer

Folder Viewer

huanent

Explore a folder in the editor view

Visualization #keybindings
14 5.0
Flatland Tools

Flatland Tools

three-flatland

Visual editors for game and multimedia assets, right in your editor — ideal for Three.js and React Three Fiber (R3F) projects. Sprite atlas packing, GPU image encoding, normal-map baking, and inline audio playback. Built by the three-flatland team; every tool works standalone.

Visualization #javascript
14
Claude Usage & Cost Tracker

Claude Usage & Cost Tracker

mariel-lachama

Token usage and estimated cost from your local Claude Code logs, right in VS Code.

Visualization #claude code
14
Epochix

Epochix

Epochix

See what your model is doing — training logs become a plain-English story with a letter grade, in a live animated dashboard. No code changes.

Data Science Machine Learning #python
14
Engram Alpha

Engram Alpha

techtheist

Durable, graph-based long-term memory shared by your AI coding assistants — Claude Code, Codex CLI, Gemini CLI, OpenCode, Kilo, Google Antigravity — the reasoning/decision layer, as an editable graph.

Visualization AI
14
Hotspot — Bug Hotspot Predictor

Hotspot — Bug Hotspot Predictor

thomasarisu

Predicts bug-prone files by fusing git churn, bug-fix history, code complexity, code ownership, and change coupling into an inline 0–100 risk score. 100% local & offline.

Linters Visualization #git
14 5.0
EcoCode — AI Carbon Tracker

EcoCode — AI Carbon Tracker

SwastikMaiti

Track the real-world environmental cost of your AI coding tools. Shows water, CO₂ and energy consumed by Claude and Codex — updated live as you code.

Visualization AI #ai
14 5.0
Web Demo Recorder

Web Demo Recorder

kman771

Automate demo videos of your localhost web app from a simple point-and-click list of actions.

Visualization Testing #automation
14
Exposure Func

Exposure Func

ALEXYRDM

Visualize Python function call chains as interactive flowcharts

Programming Languages Visualization #python
14
Stacklens

Stacklens

BhaskarNeogi

Stacklens is an AI-powered VS Code extension for intelligent code documentation, architecture analysis, and JSON localization generation. It helps developers generate docs, understand project structure, and create translated localization files through a secure backend-powered AI workflow.

Programming Languages Snippets #documentation
14 5.0
CodeBeats

CodeBeats

regisx001

Private development tracker with Supabase backend. Track coding time, languages, and repos privately.

Visualization #time tracking
14