Learning algorithms from text and static images is quite boring. For that, there have been many great websites that view animations of various algorithms. However, for us being coders, nothing can be more comprehensible than visualizing the actual working code. So here we introduce Algorithm Visualizer.
What it does
How we built it
The project is composed of 3 repositories named algorithms, tracers, and algorithm-visualizer. "algorithms" repository contains public algorithms shown on the sidebar. "tracers" repository contains visualization libraries written in each supported language. "algorithm-visualizer" repository contains the front-end written in React.js and the back-end written in Node.js. When the back-end compiles and runs code, the visualization library emits a change log. The back-end then passes the change log on to the front-end, and the front-end interprets and renders it step by step.
Challenges we ran into
Accomplishments that we're proud of
- Gained 10k+ stars on the GitHub repository.
- Highly featured on Product Hunt, Reddit, Hacker News, etc.
- Inspired Algorithm Visualizer for Android.
- Inspired Algorithm Visualizer for Jupyter/Ipython Notebook.
What we learned
What's next for Algorithm Visualizer
- Support Python and Haskell.
- Proofread algorithms.
- Reduce compilation time.
- Either upgrade the Heroku Dyno or move to an Amazon EC2 instance.