A interactive web application built with React that visualizes various sorting algorithms in real-time. Watch how different sorting algorithms work by seeing them sort arrays step-by-step with visual animations.
🚀 Features
🔄 Visual Array Representation - Dynamic bar chart showing array elements in real-time 🎞️ Smooth Animations - Beautiful animations displaying comparisons, swaps, and movements 🧮 Multiple Sorting Algorithms
🫧 Bubble Sort 🎯 Selection Sort ➕ Insertion Sort 🔀 Merge Sort ⚡ Quick Sort 🌳 Heap Sort
⏱️ Adjustable Speed Control - Customize animation delay to watch algorithms at your own pace 📏 Array Size Control - Generate arrays of different sizes to test algorithm performance
📸 Screenshots
| Before Sorting 🟦 | During Sorting 🟨 | After Sorting 🟩 |
|---|---|---|
 |
 |
 |
Follow these steps to run the project locally:
# 1️⃣ Clone the repository
git clone https://github.com/a1hilowle/Sorting-Algorithm-Visualizer.git
# 2️⃣ Navigate into the project folder
cd Sorting-Algorithm-Visualizer
# 3️⃣ (Optional) Install dependencies
# If your project has a package.json
npm install
# or
yarn install
# 4️⃣ Start / serve the project
# If you have a dev server script:
npm start
# or simply open index.html in your browser 🌍