sorting-visualizer (https://stunning-pastelito-25037d.netlify.app)

A web application that provides a visual representation of how different sorting algorithms work. The logic for all the sorting algorithms are there in the "algorithms" directory. index.html is the only html file and style.css is the only css file, present in the this project. index.php is meant for deploying purpose.

1. Set the configuration

First the user needs to select the number of bars and control the speed of algorithm execution by moving the slider. Everytime user moves the slider, a random array will be generated.

2. Initial look

After setting the configuration the array will look like this. The bar heights denote the values of the elements in the array.

3. Algorithm selection

Once the array is generated, the user can now select the algorithm( whose working he/she wants to visualize ) from the navigation bar

a. Bubble sort

Implementation of bubble sort

b. Insertion sort

Implementation of insertion sort

c. Selection sort

Implementation of selection sort

d. Merge sort

Implementation of merge sort

d. Quick sort

Implementation of merge sort

Final look

When the array is sorted, there will be an alert notifying that the array is sorted

You can visit the website :- https://stunning-pastelito-25037d.netlify.app