Skip to content

Saumy1312/Sorting-visualizer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌀 Sorting Visualizer

A sleek, interactive sorting algorithm visualizer built with HTML, CSS, and JavaScript.
Watch how popular algorithms work step by step — perfect for learning, interviews, or showcasing your frontend skills.

Sorting Visualizer Demo


🔍 Features

  • 🎞️ Real-time animated sorting
  • 🔢 Adjustable array size
  • 🕒 Speed control for animations
  • ⏸️ Pause & resume feature
  • 🧼 Clean, responsive UI

🚀 Algorithms Included

  • 🫧 Bubble Sort
  • 📍 Selection Sort
  • 🧩 Insertion Sort
  • ✂️ Quick Sort
  • 🧬 Merge Sort

💻 Live Demo

🔗 Coming Soon — want help hosting this on GitHub Pages? Just ask!


📦 Getting Started

  1. Clone this Repository

    git clone https://github.com/Saumy1312/Sorting-visualizer.git
    cd Sorting-visualizer
  2. Run the Project

    Simply open the index.html file in your browser.
    ✅ No installations or frameworks required — this is a 100% frontend project.


📁 Project Structure

Sorting-visualizer/
├── index.html       # Main HTML file
├── style.css        # Styling for the UI
├── script.js        # Sorting algorithms & animations
├── demo.gif         # Optional demo preview (replace with your own)
└── README.md        # Project documentation

🎓 Educational Value

This project helps in:

  • Understanding sorting algorithm logic
  • Learning algorithm complexity via visual comparison
  • Practicing DOM manipulation in JavaScript

🙌 Contributing

Want to add more algorithms or improve the UI?
Feel free to fork this repo and create a pull request.


👨‍💻 Author

Saumy Singh
🔗 GitHub Profile

Releases

No releases published

Packages

 
 
 

Contributors