Debug Visualizer

Debug Visualizer

Visualization Playground

Click here to explore all available visualizations.

A VS Code extension for visualizing data structures while debugging. Like the VS Code’s watch view, but with rich visualizations of the watched value.

Supported Languages

See demos for demos. These languages and debuggers are verified to work with this extension:

• JavaScript/TypeScript/… using node/node2/extensionHost/chrome/pwa-chrome/pwa-node debug adapter: ⭐ Full Support
• Dart/Flutter using dart debug adapter: ✅ Basic Support
• Go using go (Delve) debug adapter: ✅ Basic Support
• Python using python debug adapter: ✅ Basic Support
• C# using coreclr debug adapter: ✅ Basic Support (work in progress for Full Support)
• PHP using php debug adapter: ✅ Basic Support
• Java using java debug adapter: ✅ Basic Support
• C++ using cppdbg debug adapter: ✅ Basic Support
• Swift using lldb debug adapter: ✅ Basic Support
• Rust using lldb debug adapter: ✅ Basic Support
• Ruby using rdbg debug adapter: ✅ Basic Support

All other languages and debuggers might work too. For languages with Basic Support, only JSON strings can be visualized – you must implement some logic that builds this JSON for your data structure! Fully supported languages offer Data Extractors which convert some well-known data structures to JSON.