Welcome to the Sorting Visualizer created by Rohit Kumar Chaurasiya. This web application visualizes different sorting algorithms using HTML, CSS, and JavaScript, allowing users to learn and understand the internal workings of sorting algorithms interactively.
Experience the visualizer live at Sorting Visualizer.
- Interactive Sorting Visualization: Visualize the step-by-step process of sorting algorithms like Bubble Sort, Selection Sort, Insertion Sort, and Quick Sort.
- Animation Speed Control: Adjust the speed of the animation using the provided slider to either slow down or speed up the visualization.
- Responsive Design: The visualizer is responsive and works across various screen sizes, making it accessible on mobile and desktop devices.
- Explanations Included: In addition to the visualization, each sorting algorithm comes with an explanation and time/space complexity details to enhance your learning experience.
- Audio Effects: Sounds are played for each swap and comparison to enhance the user experience and help users visualize the sorting process more interactively.
- HTML5: For structuring the web page.
- CSS3: For styling the application and making it responsive.
- JavaScript: For implementing the sorting algorithms and handling the animation.
- Canvas API: To dynamically create visual elements and animate them.
- Bubble Sort
- Selection Sort
- Insertion Sort
- Quick Sort
Each algorithm has been explained in detail in the application itself with links to external resources for further reading.
-
Clone the repository:
git clone https://github.com/rohitkumarchaurasiya111/Sorting_Visualizer.git
-
Open the
index.htmlfile in your web browser. -
Select the sorting algorithm from the dropdown menu.
-
Adjust the animation speed using the slider.
-
Click on Start to begin the visualization.
-
Optionally, click on Reset Elements to generate new elements and restart the visualization.
- Adding more sorting algorithms like Merge Sort and Heap Sort.
- Improving the UI for a better user experience.
- Providing a step-by-step control for manually going through each comparison and swap.
Contributions are welcome! Feel free to fork the repository and submit a pull request.