Skip to content

Rishirxt/Sorting-Visualizer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

12 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸš€ Sorting Visualizer

A sleek, interactive web app to see sorting algorithms in action. Learn how Bubble Sort, Selection Sort, Insertion Sort, Merge Sort, and more actually workβ€”step by step, with live animations! Perfect for students, developers, or anyone curious about how algorithms organize data.


🎬 Demo

Sorting Visualizer Demo


πŸ”‘ Key Features

  • Real-time visualization – Watch the array get sorted in real time.
  • Multiple algorithms – Bubble Sort, Selection Sort, Insertion Sort, Merge Sort (expandable!).
  • Customizable array – Adjust the size and range of numbers to sort.
  • Adjustable speed – Slow down or speed up the animation to understand the process.
  • Highlight comparisons & swaps – See which elements are being compared and swapped.
  • Dark & Light Mode – Easy on the eyes for long coding sessions.
  • Interactive controls – Play, pause, reset, or shuffle anytime.
  • Cross-platform – Works on web, and can be packaged with Electron for desktop.

πŸ›  How to Run Locally

Make sure you have Node.js installed. Then:

# Clone the repository
git clone https://github.com/yourusername/sorting-visualizer.git

# Navigate into the folder
cd sorting-visualizer

# Install dependencies
npm install

# Start the app
npm start

Releases

No releases published

Packages

No packages published