Map View

English | 中文

Treemap visualization for embedded .map files — a VS Code extension that lets you see where your firmware memory and flash goes at a glance.

Supports Keil MDK (ARM), GCC (GNU ld), ESP-IDF, and ArtInChip (RISC-V) toolchains.

Features

• Ultra lightweight — only ~100 KB total, installs in seconds
• Treemap heatmap — visualize ROM/RAM usage as color-coded blocks, sized by bytes
• Drill-down navigation — click any module to explore its internal functions and sections
• Multi-toolchain support — Keil .map, GCC/ld .map, ESP-IDF .map, ArtInChip D13x .map
• Color-coded categories — instantly distinguish Code, RO-Data, RW-Data, and ZI-Data
• Search — find any symbol, module, or library across the entire map
• Configurable memory size — set actual ROM/RAM totals for accurate percentage display
• Zero dependencies — pure TypeScript, no external runtime libraries

Supported Formats

Configuration

Click the gear icon in the toolbar to set ROM/RAM sizes (in KB) for accurate usage percentages. Settings are stored per-file in .vscode/settings.json.

Install

1. Open VS Code
2. Go to Extensions (Ctrl+Shift+X)
3. Search for "Map View Embedded"
4. Click Install

Quick Start

1. Use Ctrl+P to search and locate the map file in your project
2. Right-click → Open Map View
3. Click modules to drill down, click "Back" to navigate up

Notes

• The ROM/RAM usage shown is based solely on what the .map file contains. External memory (e.g., off-chip Flash, external SRAM) or regions not reported by the linker will not appear automatically.
• If the displayed totals seem inaccurate, click the gear icon to manually configure the actual ROM/RAM sizes for your target hardware.

License

MIT