⚡ Efficiency in Order: Sorting Algorithm Visualizer

An interactive web-based sorting visualizer that demonstrates how different sorting algorithms work step-by-step.
Built using HTML, CSS, and JavaScript, this project helps users understand how algorithms like Bubble Sort, Selection Sort, Insertion Sort, Merge Sort, and Quick Sort behave and differ in efficiency.

---

🔗 Live Demo

👉 Click here to view the Sorting Visualizer

---

🧠 Project Objective

To visualize and compare the internal working and efficiency of various sorting algorithms through animations and user interaction.

---

🎯 Features

• Visualization of 5 sorting algorithms
• Adjustable array size and sorting speed
• Live stats for:
  • Comparisons
  • Swaps
  • Time taken
• Start, stop, and regenerate array anytime
• Color-coded animation for better understanding:
  • 🔴 Red – Comparing
  • 🟧 Orange – Swapping
  • 🟩 Green – Sorted

---

🧩 Technologies Used

Layer	Technology
Frontend	HTML, CSS, JavaScript
Visualization	DOM Manipulation
Editor	VS Code
Browser	Chrome, Edge, Firefox

---

⚙️ How to Run Locally

1. Clone the repository:

   git clone https://github.com/vishalbharti585/sorting-visualizer-efficiency-in-order.git