Skip to content

ubaid0542/Sorting-Algorithm-Visualizer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

5 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸŽ‰ Sorting Algorithm Visualizer

A beautiful, interactive, and animated Sorting Algorithm Visualizer built using HTML, CSS, and JavaScript.
This tool helps you understand how sorting algorithms work step-by-step with smooth animations and customizable views.


✨ Features

  • πŸ”’ Enter custom numbers
  • 🎨 Switch between Box view and Bar view
  • ⚑ Adjustable sorting speed
  • πŸ” Real-time visualization
  • πŸŸ₯ Highlights compared elements
  • 🎯 Clean UI with gradient styling

🧠 Supported Sorting Algorithms

  • πŸ”΅ Bubble Sort
  • 🟠 Selection Sort
  • 🟒 Insertion Sort
  • 🟑 Merge Sort
  • πŸ”΄ Quick Sort
  • βš™οΈ TimSort (JavaScript built-in optimized sort)

πŸ›  Tech Stack

Technology Purpose
🌐 HTML Structure of the application
🎨 CSS Styling, layout & UI design
βš™οΈ JavaScript Sorting logic & animations

πŸš€ How to Use

  1. Enter numbers separated by commas
  2. Select a sorting algorithm
  3. Adjust the speed (optional)
  4. Click the button and watch the animation happen ✨
  5. Toggle between Bar mode and Box mode anytime

πŸ“Έ Screenshorts


πŸ”— Live Demo

πŸ‘‰ Click here to view the live demo

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published