Algorithm Visualizer (algorithm-visualizer.org)

by vinhnx 11 comments 216 points
Read article View on HN

11 comments

[−] smusamashah 52d ago
I made an only sorting algo visualizer which runs same algo on many randomly sorted arrays at the same time. The swap call which actually does the sorting also does the drawing. You could draw whole array or just one swap.

It looks very cool on large arrays.

https://xosh.org/VisualizingSorts/sorting.html

https://xosh.org/sorting-algorithms-visual-comparison/

[−] julietsecurity 52d ago
This is pretty neat. you should add sound effects like this - https://www.youtube.com/watch?v=kPRA0W1kECg
[−] anshik1998 52d ago
Love it. I also built a platform that works for any algorithm and problem based on call stack tracing. Works best for recursion, backtracking and dynamic programming problems. https://www.onenoughtone.com/visualizers
[−] diyseguy 52d ago
Love it, thank you for this. The last one 'Shortest Unsorted Continuous Subarray' produced some errors: 'Cannot set properties of undefined (setting 'selected')
[−] ranger_danger 52d ago
Very cool... wanted to check out the source but the only clue I could find to a source repo (the "Fork" button) does not work.
[−] QuantumNomad_ 52d ago
The fork button in bottom left corner goes to a repo on GitHub https://github.com/algorithm-visualizer/algorithm-visualizer
[−] sshlocalhost98 51d ago
At National University of Singapore, we use https://visualgo.net/en/sorting?slide=12-1. It was developed by Prof. Stephen Halim.
[−] cyral 52d ago
Very cool. One of my favorite professors in college would make 100+ slide powerpoints of algorithms and flip through them really fast in order to visualize what they were doing, it was really helpful.
[−] jart 51d ago
I love it. Work like this does a great service to humanity.
[−] mihaic 52d ago
Good luck with the project, especially in this day and age.

Not sure if the author might be here, but I'm just wondering if it might have take inspiration from old CS Academemy lessons. I worked on those, and recognize some UI ideosincracies that bring up nostalgia, like for https://csacademy.com/lesson/breadth_first_search

[−] sciencesama 52d ago
visual leearning