Welcome to the Sorting Visualization project! This web application visualizes three sorting algorithms: Bubble Sort, Insertion Sort, and Selection Sort. Watch as the bars representing elements get rearranged in real-time, providing a visual representation of how each sorting algorithm works.
-
Bubble Sort: Click the "Bubble Sort" button to see the step-by-step visualization of the Bubble Sort algorithm.
-
Insertion Sort: Click the "Insertion Sort" button to visualize the Insertion Sort algorithm.
-
Selection Sort: Click the "Selection Sort" button to observe the Selection Sort algorithm in action.
-
Clone the repository.
-
Open the
index.html
file in your web browser. -
Click the corresponding buttons to see the visualization of each sorting algorithm.
Feel free to explore the project and enjoy the visualizations! If you encounter any issues or have suggestions, don't hesitate to reach out.
Feel free to experiment with the project:
- Change the array size or the initial array elements in the JavaScript file.
- Adjust the speed of the visualizations.
- Modify the styles in the HTML and CSS files to enhance the visual appeal.
Check out the live demo here.
- HTML5
- CSS3
- JavaScript
This project is open-source and available under the MIT License.
For any inquiries or suggestions, feel free to contact the developer:
- Email: wassimdjaafar5@gmail.com
- LinkedIn: Wassim Oubaziz
🚀✨ Happy sorting!