🔢 Sorting Algorithms Visualizer

An interactive web-based tool that visually demonstrates how different sorting algorithms work.
This project helps users learn sorting logic step-by-step using real-time animations, performance statistics, and detailed algorithm explanations.

---

🚀 Features

• 6 Sorting Algorithms

  • Bubble Sort
  • Selection Sort
  • Insertion Sort
  • Merge Sort
  • Quick Sort
  • Heap Sort

• Real-Time Visualization

  • Bars animate during comparisons, swaps, and pivot selections
  • Color-coded states for easy understanding
    • 🟦 Unsorted
    • 🟪 Comparing
    • 🟧 Pivot
    • 🟩 Sorted

• Interactive Controls

  • Adjust array size
  • Adjust sorting speed
  • Generate a new random array
  • Start/pause sorting

• Live Statistics

  • Number of comparisons
  • Number of swaps
  • Time taken (ms)

• Algorithm Info Panel

  • Description
  • Time & space complexity
  • Stability & in-place info
  • Best use cases

---

🛠️ Tech Stack

• HTML5
• CSS3
• JavaScript (Vanilla JS)