kmachappy / algo-visualizer

An algorithm visualizer created with React, Typescript, and GraphQL.

Algorithm Visualizer

An algorithm visualizer created with React, Typescript, and GraphQL.

Live Website - AlgoVisualizer
React Web Application built on
React · TypeScript · TailwindCSS

About

Description	Screenshot
- A simple React web application made to visualize algorithms - Users will be able to choose from one of the sorting algorithms or pathfinding algorithms to explore and visualize. - Users are able to choose visualizer array size and speed - Users are able to stop visualizer and reset the visualizer to its original state

(back to top)

Component Architecture

flowchart LR
App-->Navbar
App-->Home
App-->Category
Category-->SortingPage
Category-->PathfindingPage
PathfindingPage-->Visualizer
SortingPage-->SortingVisualizer
SortingVisualizer-->BubbleSort
SortingVisualizer-->InsertionSort
SortingVisualizer-->MergeSort
SortingVisualizer-->QuickSort
SortingVisualizer-->BogoSort
App-->Footer

(back to top)

Home	Visualizer

(back to top)