https://github.com/hediet/vscode-debug-visualizer

An extension for VS Code that visualizes data during debugging.
https://github.com/hediet/vscode-debug-visualizer

hacktoberfest visualization vscode-extension

Last synced: 6 months ago
JSON representation

An extension for VS Code that visualizes data during debugging.

• Host: GitHub
• URL: https://github.com/hediet/vscode-debug-visualizer
• Owner: hediet
• License: gpl-3.0
• Created: 2019-06-20T09:41:04.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2025-03-17T11:54:30.000Z (8 months ago)
• Last Synced: 2025-05-08T00:35:12.571Z (6 months ago)
• Topics: hacktoberfest, visualization, vscode-extension
• Language: TypeScript
• Homepage: https://marketplace.visualstudio.com/items?itemName=hediet.debug-visualizer
• Size: 56.6 MB
• Stars: 8,063
• Watchers: 115
• Forks: 426
• Open Issues: 103
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE.md

Awesome Lists containing this project

• awesome-robotic-tooling - vscode-debug-visualizer - An extension for VS Code that visualizes data during debugging. (Development Environment / Debugging and Tracing)
• awesome-list - vscode-debug-visualizer
• awesome-hacking-lists - hediet/vscode-debug-visualizer - An extension for VS Code that visualizes data during debugging. (TypeScript)
• StarryDivineSky - hediet/vscode-debug-visualizer - debug-visualizer 是一个 VS Code 扩展，旨在调试期间可视化数据。它允许开发者以图形化的方式查看变量和数据结构，而不仅仅是文本输出。这个扩展通过在调试会话中生成 HTML 文件并在 VS Code 中显示它们来实现可视化。它支持多种数据类型和自定义可视化，使得理解复杂数据变得更加容易。你可以使用它来观察数组、对象、图像等，从而更有效地定位和解决 bug。该扩展简化了调试过程，提高了开发效率，特别是在处理复杂数据时。 (其他_机器学习与深度学习)

README

          
# VS Code Debug Visualizer

[![](https://img.shields.io/static/v1?style=social&label=Sponsor&message=%E2%9D%A4&logo=GitHub&color&link=%3Curl%3E)](https://github.com/sponsors/hediet)

[![](https://img.shields.io/static/v1?style=social&label=Donate&message=%E2%9D%A4&logo=Paypal&color&link=%3Curl%3E)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=ZP5F38L4C88UY&source=url)

[![](https://img.shields.io/twitter/follow/hediet_dev.svg?style=social)](https://twitter.com/intent/follow?screen_name=hediet_dev)

See [README.md](./extension/README.md) for the readme of the extension.

You can get the extension in the [marketplace](https://marketplace.visualstudio.com/items?itemName=hediet.debug-visualizer).

See [CONTRIBUTING.md](./CONTRIBUTING.md) for build instructions and implementation details.

![](./docs/doubly-linked-list-reverse-demo.gif)