vscode-debug-visualizer

For visualizing data structures, although most data structures aren't designed to be visualized, there are tools to do this already. https://github.com/hediet/vscode-debug-visualizer/blob/maste... https://www.gnu.org/software/ddd/manual/html_mono/ddd.html#S... I'm having trouble seeing what he has in mind that's different from the tools I listed.

If you are into visualizations, you also might find my debug visualizer extension for vscode helpful: https://github.com/hediet/vscode-debug-visualizer When debugging JS, there is a nice way to provide visualizations for application specific objects without touching the application code. Combined with time travel debugging which allows to step backwards, it is really easy to understand complex algorithms: https://github.com/hediet/vscode-delorean-js-debug The visualization library is independent and open source. There is also a rust cli and a web playground. I'm very open for contributions! (especially new visualizations)

I'm curious if my debug visualizer extension for VS Code could be helpful for solving this kind of puzzles (https://github.com/hediet/vscode-debug-visualizer/blob/maste...). Might be one of the few use cases where it can really shine.

In case of javascript, the data extractor runtime is injected into the debuggee at [1]. You can find the data extractor runtime implementation at [2]. [1] https://github.com/hediet/vscode-debug-visualizer/blob/c420f... [2] https://github.com/hediet/vscode-debug-visualizer/blob/maste...

According to the build script https://github.com/hediet/vscode-debug-visualizer/blob/maste... it'd be yarn run package and then codium --install-extension $PWD/whatever.vsix so long as you have https://github.com/microsoft/vscode-vsce in your PATH

You might find the Debug Visualizer extension for VS Code helpful to visualize algorithms and datastructures [1]. It kind of works with python, but works best with Javascript/TypeScript. [1] https://github.com/hediet/vscode-debug-visualizer

You might like the Debug Visualizer for VS Code! It's a general purpose visualizer. However it's not as easy to use as this project. https://github.com/hediet/vscode-debug-visualizer/blob/maste...

This is by the same guy who made one of the most impressive data-structure debugging visualizers I've ever seen: https://github.com/hediet/vscode-debug-visualizer Side note: There doesn't seem to be setup/config instructions in the readme, how do you go about using this?

As of now, before you can visualize your data structure, you must convert it to a compatible json string (like demonstrated in [1]). This json must match the schema of the visualizer you want to use. For TypeScript/JavaScript however, my extension injects some helpers that convert some common data structures (like number arrays) automatically to appropriate JSON. It requires a deep understanding of the target programming language to see how such helpers could be injected. I don't have this unterstanding for Python and would be very happy if someone who really knows Python could help me out. [1] https://github.com/hediet/vscode-debug-visualizer/blob/maste...

I don't see how this debugger is visual, but anyway it's cool to see that jupyter finally has a debugger. This is what I would call a visual debugging experience: https://github.com/hediet/vscode-debug-visualizer/blob/maste... (Disclaimer: I'm the author of that extension)

I'm working on my debug visualizer extension for vscode [1]. It let's you visualize your data structures while you debug them! [1] https://github.com/hediet/vscode-debug-visualizer/blob/maste...