Sorting Visualizer is a web-based tool that allows users to visualize different sorting algorithms in action. It provides an interactive way to understand how sorting techniques like Bubble Sort, Selection Sort, and Quick Sort work.
- 🎨 User-Friendly Interface – Simple and clean UI.
- 🔄 Multiple Sorting Algorithms – Supports Bubble Sort, Selection Sort, and Quick Sort.
- 📊 Real-Time Visualization – Watch sorting operations step by step.
- 🎛️ Customizable Array Size – Users can generate new arrays of different sizes.
- ⚡ Smooth Animations – Interactive animations for better understanding.
- HTML5 – Structure of the web page.
- CSS3 – Styling and animations.
- JavaScript (ES6) – Logic and interactivity.
- DOM Manipulation – Dynamic element updates.
- Clone the repository:
git clone https://github.com/your-username/sorting-visualizer.git
- Navigate to the project directory:
cd sorting-visualizer
- Open
index.html
in a browser to run the project.
- Select a sorting algorithm from the dropdown.
- Set the number of elements to sort.
- Click "Generate New Array" to create a random array.
- Click "Solve" to start sorting.
- Watch the bars swap positions as the sorting algorithm runs!
- Add more sorting algorithms (Merge Sort, Heap Sort, etc.).
- Improve UI/UX with better animations.
- Add time and space complexity display for each algorithm.
Contributions are welcome! Feel free to fork this repo and submit a pull request.
🚀 Happy Coding!