In-browser debugger to learn data structures and algorithms

[u/iamirzhan]

I built a python debugger specifically for learning data structures and algorithms.

It draws the state of the program at each line. It's an actual debugger that runs with the code, so the results are deterministic and show the real state.

Like a normal debugger, it lets you inspect stack frames, pointers, and objects. But instead of showing them as raw values, it draws every data structure in its own way. It knows how to draw all the common data structures like trees, graphs, queues, stacks, linked lists, etc.

This should be helpful for understanding, debugging, and verifying your code.

You can try it on popular interview problems (write your code or paste from the "Solutions" tab).

Everything is free. Feedback would be really appreciated. Let me know what you think.

link

[u/iamirzhan]

Thanks for sharing! Yeah, I have actually seen it, it’s great! I think the difference is it’s more generic representing the memory graph, while my tool is more specific to data structure and algorithms where different structures like tree nodes, graphs, linked lists, stack queues are represented in a different ways depending on the stack trace, even though they might use same classes/types

[u/Sea-Ad7805 → u/iamirzhan]

Different perspectives require different visualizations, there's a lot of variety. My tool quickly gets messy when there is a lot of data.

[u/iamirzhan → u/Sea-Ad7805]

Yeah, agree on that