Launched this week
DSA View View
Allows you to understand DSA easily with visualization
7 followers
Allows you to understand DSA easily with visualization
7 followers
DSA View View turns TypeScript algorithm functions into step-by-step visual stories. 👀👀 Write code, run it with structured inputs, and see the arrays, matrices, trees, lists, stacks, pointers, and return values move as the function executes. It is built for those moments when reading the code is not enough and you want to view why the answer changes. If you like it, please give a star ⭐ https://github.com/nyaomaru/dsa-view-view
finally something that makes pointer movement click for me, watched a two sum variant trace through the array and the swap visualization made the i++ jump finally make sense
@arifzdlo
Thank you for such a kind comment!
I completely agree. Pointer movement can be surprisingly difficult to follow in my head 😅
I’m really happy the trace helped the `i++` jump finally click for you. That’s exactly why I built this tool. Apparently, sometimes our brains need a runtime visualizer too 😸
Loving this idea, the pointer animation really helps me catch off by one bugs I usually miss. One thing that would push it further for me is the ability to step backwards through the execution so I can rewind to the exact moment a variable changes its value without re running the whole thing.
@ezelgeben
Thank you for such a lovely comment! I also still catch myself forgetting that an array’s length and its last index are not the same thing—off-by-one bugs are very patient enemies 😅
DSA View View already lets you step backward through the execution one step at a time, but it doesn’t yet have a shortcut to jump directly to the exact moment a variable last changed.
That would be a really useful feature, so I’ll look into adding it. Thank you for the great feedback! 😸
Honestly this is kind of a lifesaver for visualizing two pointers, like watching the indices actually move makes it click way faster than just reading the code. The tree visualizations were a nice surprise too.
@cemaljzhy
Thank you for such a nice comment!
Hearing you call DSA View View a lifesaver honestly made my day 😸
Two pointers can be difficult to follow when the indices only exist inside my head, so I’m really glad watching them move helped everything click faster.
And I’m happy the tree visualizations were a nice surprise too!