This repo helps in learning popular algorithms by visualization
Sorting Visualizer
Helps to
- understand the working of sorting algorithm
- check total swaps required
- check total comparisions
- compare algorithms side by side
- know the time taken (time is just an approximate unit for comparision)
Features
- Sort any given array of 3 digits positive integers
- Alter the speed of execution
- Start, pause and reset the execution
- Generate random array of numbers of sorting
Concepts
- Animations are done using pure CSS and uses FLIP principle
- Flex is used for array display and manipulation of positions (flex order property)
- JavaScript async generators are used heavily for the controlled execution of algorithms
Path finder
Helps to
- understand working of different maze generation algorithms
- understand working of different path finding algorithms
- check the visits, path length and time taken
Features
- Build any kind of custom 2D maze
- Alter the speed of execution
- Generate infinite mazes
- Move the targets in live to see the changes
Production libraries
- React (Frontend Library)
- Redux Toolkit (State management)
- React Router (Router)
- Lucide (Icons pack)
- Sonner (Toast)
- React-use (Custom hooks)
- React Joyride (App tour)
- React Switch (Switch)
Build libraries
git clone https://github.com/sadanandpai/algo-visualizers.git
cd algo-visualizers
npm install
npm run dev
If you want to contribute, improve or fix bugs in this repo, then check out the
Contributing Guide
This repository is MIT licensed. Read more