GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - ritikkumar55/Sorting-Visualizer: Sorting Visualizer is a web-based tool that allows users to visualize different sorting algorithms in action. It provides an interactive way to understand how sorting techniques like Bubble Sort, Selection Sort, and Quick Sort work.

BranchesTags
Open more actions menu

Latest commit

 

History

6 Commits
6 Commits

Folders and files

NameName
Last commit message
Last commit date
helpers
helpers
 
 
README.md
README.md
 
 
Screenshot (135).png
Screenshot (135).png
 
 
Screenshot (136).png
Screenshot (136).png
 
 
index.html
index.html
 
 
index.js
index.js
 
 
style.css
style.css
 
 

Repository files navigation

Sorting Visualizer

Sorting Visualizer is a web-based tool that allows users to visualize different sorting algorithms in action. It provides an interactive way to understand how sorting techniques like Bubble Sort, Selection Sort, and Quick Sort work.

✨ Features

  • 🎨 User-Friendly Interface – Simple and clean UI.
  • 🔄 Multiple Sorting Algorithms – Supports Bubble Sort, Selection Sort, and Quick Sort.
  • 📊 Real-Time Visualization – Watch sorting operations step by step.
  • 🎛️ Customizable Array Size – Users can generate new arrays of different sizes.
  • ⚡ Smooth Animations – Interactive animations for better understanding.

🚀 Technologies Used

  • HTML5 – Structure of the web page.
  • CSS3 – Styling and animations.
  • JavaScript (ES6) – Logic and interactivity.
  • DOM Manipulation – Dynamic element updates.

📥 Installation & Setup

  1. Clone the repository:
    git clone https://github.com/your-username/sorting-visualizer.git
  2. Navigate to the project directory:
    cd sorting-visualizer
  3. Open index.html in a browser to run the project.

🛠️ How to Use

  1. Select a sorting algorithm from the dropdown.
  2. Set the number of elements to sort.
  3. Click "Generate New Array" to create a random array.
  4. Click "Solve" to start sorting.
  5. Watch the bars swap positions as the sorting algorithm runs!

📸 Screenshots

Screenshot{width=300px height=200px}

🌟 Future Enhancements

  • Add more sorting algorithms (Merge Sort, Heap Sort, etc.).
  • Improve UI/UX with better animations.
  • Add time and space complexity display for each algorithm.

🎯 Contributing

Contributions are welcome! Feel free to fork this repo and submit a pull request.

🚀 Happy Coding!

About

Sorting Visualizer is a web-based tool that allows users to visualize different sorting algorithms in action. It provides an interactive way to understand how sorting techniques like Bubble Sort, Selection Sort, and Quick Sort work.

sorting-visualizer-nine-delta.vercel.app

Resources

Readme
Activity

Stars

0 stars

Watchers

1 watching

Forks

0 forks
Report repository

Releases

Packages

Contributors

Languages

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.