Skip to content

An algorithm visualizer (traversal, sorting) I built to better understand those algos

Notifications You must be signed in to change notification settings

kookumber/algo-vision

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

README

Algovision

Live Link

Algovision is a single page React application that visualizes Pathfinding/Traversal and Sorting algorithms such as Dijkstra's Algorithm, A* Search, Depth First Traversal, Merge Sort, Insertion Sort, and more. I built this to practice algorithms and better understand them.

Credit goes to Clément Mihailescu and Geeks for Geeks for the inspiration and guidance as I worked through this project.

Functionality

Users can:

  • Toggle between Pathfinding/Traversal or Sorting algorithms view
  • Build and clear a maze and move start/end nodes on the pathfinding grid
  • Select specific algorithms and run them
  • Adjust speed of animation
  • Adjust array size for sorting algorithms

Technologies

  • Javascript, React, SASS, HTML5

Hosting

  • Netlify

Demo GIFs and Code Snips

Visualizing Pathfinding Algorithms (Breadth First Search, Depth First Search, and Dijkstra's Algorithm)

running-traversal-algos

Manipulating Pathfinding Grid

manipulating-grid

Generating and Clearing a Maze

generate-clear-maze

Toggle to Sorting Algos and Adjust Array Size

show-sorting-and-array-change

Visualzing Merge Sort

running-merge-sort

About

An algorithm visualizer (traversal, sorting) I built to better understand those algos

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published