This product was not featured by Product Hunt yet. It will not be visible on their landing page and won't be ranked (cannot win product of the day regardless of upvotes).
Paste any recursive JavaScript function and watch it run as a live call tree. You can step forward and back through every call, see arguments go down and return values come back up, and watch the call stack grow and shrink. Memoisation and variables are tracked as you go. Your code runs in a sandbox in your browser, and infinite loops are caught safely. Share a link to any trace or export it as an animation. Free, no sign-up
Hey Product Hunt,
I built Code Visualiser because recursion is where most people learning to code get stuck, and I was one of them.
You can read fib(n-1) + fib(n-2) a hundred times and still not see what happens. Most of us end up drawing call trees on paper, losing track by the third level, and starting over. Debuggers don't help much either: they show one stack frame at a time, not the shape of the whole computation.
So Code Visualiser draws that shape for you:
- Live call tree: every call becomes a node, and return values travel back up to their parent.
- Step through time: play, pause, scrub, or step backwards. You can also set breakpoints on a specific call.
- Call stack and variables: see exactly what each frame holds at every moment.
- Memo view: watch a cache fill up and see which branches it cuts off.
- Narration: a plain-English explanation of each step, which helps if you're teaching or revising.
- Share and export: send a link to a trace, or export it as an animation for slides and blog posts.
There's also an Algorithms section with ready-made examples (sorting, backtracking, DP) if you'd rather explore than write code.
Who it's for: students learning recursion, people preparing for coding interviews, and teachers who are tired of drawing trees on whiteboards.
I'd love to hear from you: what's the recursive function that confused you most when you were learning? Paste it in and tell me whether the visualiser helped. I'll be here answering questions and reading feedback.
No comment highlights available yet. Please check back later!
About Code Visualiser on Product Hunt
“Watch your recursive code run, one call at a time”
Code Visualiser was submitted on Product Hunt and earned 2 upvotes and 1 comments, placing #157 on the daily leaderboard. Paste any recursive JavaScript function and watch it run as a live call tree. You can step forward and back through every call, see arguments go down and return values come back up, and watch the call stack grow and shrink. Memoisation and variables are tracked as you go. Your code runs in a sandbox in your browser, and infinite loops are caught safely. Share a link to any trace or export it as an animation. Free, no sign-up
Code Visualiser was featured in Education (79.3k followers), Software Engineering (43.1k followers) and Developer Tools (520.4k followers) on Product Hunt. Together, these topics include over 128.1k products, making this a competitive space to launch in.
Who hunted Code Visualiser?
Code Visualiser was hunted by Rahul Jindal. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
Want to see how Code Visualiser stacked up against nearby launches in real time? Check out the live launch dashboard for upvote speed charts, proximity comparisons, and more analytics.
Rahul Jindal