A Sorting Visualizer built using HTML, CSS, and JavaScript. This project provides a visual representation of popular sorting algorithms, allowing users to observe how different algorithms process and sort data step by step.
- Interactive visualization of sorting algorithms.
- Adjustable array size and speed of sorting.
- Includes the following algorithms:
- Bubble Sort
- Selection Sort
- Insertion Sort
- Merge Sort
- Quick Sort
- User-friendly interface for customization.
- HTML5: For structuring the web page.
- CSS3: For styling the components and adding animations.
- JavaScript: For implementing the sorting algorithms and controlling the visualization logic.
Visit the live demo here: Sorting Visualizer
Add a screenshot of your project here for better presentation.
- Visit the live demo link or clone the repository.
- Adjust the array size and speed using the sliders provided.
- Select a sorting algorithm from the menu.
- Click the "Start Sorting" button to see the algorithm in action.
Sorting-Visualizer/ │ ├── index.html # Main HTML file ├── style.css # Styles for the project ├── script.js # JavaScript file containing sorting logic └── README.md # Project README
To run the project on your local system:
- Clone the repository:
git clone https://github.com/vedantsonar10/Sorting-Visualizer.git