A sleek, interactive sorting algorithm visualizer built with HTML, CSS, and JavaScript.
Watch how popular algorithms work step by step — perfect for learning, interviews, or showcasing your frontend skills.
- 🎞️ Real-time animated sorting
- 🔢 Adjustable array size
- 🕒 Speed control for animations
- ⏸️ Pause & resume feature
- 🧼 Clean, responsive UI
- 🫧 Bubble Sort
- 📍 Selection Sort
- 🧩 Insertion Sort
- ✂️ Quick Sort
- 🧬 Merge Sort
🔗 Coming Soon — want help hosting this on GitHub Pages? Just ask!
-
Clone this Repository
git clone https://github.com/Saumy1312/Sorting-visualizer.git cd Sorting-visualizer -
Run the Project
Simply open the
index.htmlfile in your browser.
✅ No installations or frameworks required — this is a 100% frontend project.
Sorting-visualizer/
├── index.html # Main HTML file
├── style.css # Styling for the UI
├── script.js # Sorting algorithms & animations
├── demo.gif # Optional demo preview (replace with your own)
└── README.md # Project documentation
This project helps in:
- Understanding sorting algorithm logic
- Learning algorithm complexity via visual comparison
- Practicing DOM manipulation in JavaScript
Want to add more algorithms or improve the UI?
Feel free to fork this repo and create a pull request.
Saumy Singh
🔗 GitHub Profile
