📊 Sorting Algorithm Visualizer

Interactive Web Application for Algorithm Visualization

An interactive web-based visualization tool built using JavaScript, HTML, and CSS to demonstrate how popular sorting algorithms work internally, step by step, in real time.

---

🚀 Project Overview

The Sorting Algorithm Visualizer is a front-end–focused educational project designed to help users understand sorting algorithms visually rather than only theoretically.

The application animates each step of the sorting process, allowing users to clearly observe:

• Comparisons
• Swaps
• Intermediate states of the array

This project is especially useful for DSA learners, students, and interview preparation.

---

🎯 Key Objectives

• Visualize sorting algorithms in real time
• Improve understanding of algorithm behavior and performance
• Demonstrate time and space complexity concepts visually
• Build an interactive and responsive web application using vanilla JavaScript

---

✨ Features

• ✅ Real-time visualization of sorting algorithms
• ✅ Adjustable array size and animation speed
• ✅ Clear visual representation of swaps and comparisons
• ✅ Clean and responsive UI
• ✅ Modular JavaScript code structure
• ✅ Educational focus with algorithm efficiency insights

---

🧠 Algorithms Implemented

• 🔹 Bubble Sort
• 🔹 Selection Sort
• 🔹 Insertion Sort
• 🔹 Quick Sort

Each algorithm is implemented with step-by-step animations to clearly show how sorting progresses.

---

🌐 Live Demo

🚀 Explore the live application here:
🔗 https://deepakvishwakarma24.github.io/Sorting-Visualizer/

---

🛠️ Tech Stack

• HTML
• CSS
• JavaScript
• Data Structures & Algorithms

---

▶️ How to Run Locally

1. Clone the repository
2. Open index.html in any modern web browser

(No backend or server setup required)

---

👨‍💻 Author

Deepak Vishwakarma
GitHub: https://github.com/deepakvishwakarma24