Skip to content

Mukesh17arya/Sorting_Visualizer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

2 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸš€ Advanced Sorting Visualizer

An interactive web-based application to visualize how different sorting algorithms work in real-time. This project helps users understand sorting concepts through dynamic animations and controls.


πŸ“Œ Project Overview

The Advanced Sorting Visualizer allows users to:

  • Generate random arrays
  • Select different sorting algorithms
  • Control speed and size of the array
  • Watch how sorting happens step-by-step

This makes it easier to understand algorithm behavior visually instead of just reading theory.


🎯 Features

  • πŸ“Š Visual representation of sorting algorithms
  • πŸŽ› Adjustable array size
  • ⚑ Speed control for animations
  • πŸ” Generate new random arrays
  • ⏹ Stop/reset sorting anytime
  • 🎨 Color-coded visualization:
    • Comparing elements
    • Swapping elements
    • Sorted elements
    • Pivot elements (Quick Sort)

🧠 Algorithms Implemented

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

πŸ› οΈ Tech Stack

  • HTML5 – Structure :contentReference[oaicite:0]{index=0}
  • CSS3 / Tailwind CSS – Styling :contentReference[oaicite:1]{index=1}
  • JavaScript (ES6) – Logic & Algorithms :contentReference[oaicite:2]{index=2}

About

I built an interactive sorting algorithm visualizer that animates how algorithms like Bubble Sort, Merge Sort, and Quick Sort work in real time. Users can control the array size and speed to observe how each algorithm behaves differently.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors