Algorithm Visualizer

Addendum

This blog post documents the original launch of the algorithm visualizer project. It is kept online for archival purposes and to show the project's evolution.

Update: This original open-source project has been sunset and is no longer actively maintained. It has evolved into AlgoScape, a full product with ongoing development and new features. You can read about the latest version and try it here.

Overview

See the source code on Github, or view the live demo here.

This is an interactive algorithm visualizer that allows you to see first-hand how these algorithms look step-by-step.

Implemented Algorithms:

  • Merge Sort
  • Quick Sort
  • Bubble Sort
  • Selection Sort
  • Insertion Sort
  • Depth-First Search
  • Breadth-First Search
  • Dijkstra's Shortest Path
  • A* Search

Note: This currently does not work on mobile devices, so please open it on your computer.

Reflection

I had a lot of fun building this project. Not only did this help me strengthen my web development knowledge, but I was able to thoroughly understand many of the implemented algorithms on a micro-scale. My grasp on data structures and algorithms is much stronger due to building this.