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
No reviews yetBe the first to leave a review for DSA View View
Maker
📌
Hey Product Hunt! 👋👀
I’m nyaomaru, the maker of DSA View View.
Algorithms often make sense on paper until recursion starts nesting, pointers begin moving, or a tree traversal takes an unexpected turn. I built DSA View View to make those invisible moments visible.
Paste or edit a TypeScript algorithm, run it with structured inputs, and watch its execution unfold step by step.
Arrays become bars, matrices become grids, trees become node graphs, linked lists become chains, and Mr. View keeps you company along the way. 📺✨ (Mr. View is our tiny monitor friend)
The first release includes 39 built-in examples across binary search, sorting, dynamic programming, graphs, trees, linked lists, and more. You can also share the exact code, input, visualization, and runtime step with a URL.
Everything runs locally in your browser inside a dedicated Web Worker. There’s no server-side code execution.
This is the first public release, so I’d especially love to hear:
• Which algorithm or data structure should we support next?
• Where did the visualization help—or confuse you?
• What would make this more useful for learning, debugging, or teaching?
Thanks for taking a look. If an algorithm is hard to picture, let’s make it visible. 👀👀
https://github.com/nyaomaru/dsa-...
Report
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
Report
Maker
@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 😸
Report
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.
Report
Maker
@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!
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 😸
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!