Angular-powered web app capable of visually representing various sorting algorithms using bars of varying heights. As the sorting algorithm runs, the app updates the color and height of the bars to reflect the current state of the sorting process and also plays a tone based on the height of the bar at the current index.
Visit the GitHub pages site to access the latest deployment.
Also available as an Android APK.
Currently this web application supports the following sorting algorithms:
- Bubble Sort
- Selection Sort
- Insertion Sort
- Merge Sort
- Quick Sort
- Heap Sort
- Radix Sort (LSD)
- Bitonic Sort
- Cocktail Shaker
- Comb Sort
- Gnome Sort
- Shell Sort
- Cycle Sort
- Counting Sort
- Tim Sort
- Strand Sort
- Pancake Sort
- Stooge Sort
- Bogo Sort
Learn more about sorting algorithms here: https://www.geeksforgeeks.org/sorting-algorithms/
Use the input box to enter the number of bars on the screen. Currently the maximum amount is 512.
Click Sort to begin sorting. Click Stop at any time to halt the sorting process. Click Reset to regenerate new bars.
Control the speed of the sorting process with the slider.
To install and run this app on a local machine, follow these steps:
- Clone the repository to the local machine using the command:
git clone https://github.com/jarvisar/sorting-algos.git
- Navigate to the project directory using the command:
cd sorting-algos
- Install the necessary dependencies using the command:
npm install
- If necessary, install Angular CLI:
npm i @angular/cli
- Start the app using the command:
ng serve
- Open a web browser and navigate to
http://localhost:4200to view the app.
This web app was created with Angular v14.3.0
Home Page
Radix Sort
Bitonic Sort
Cocktail Sort