Skip to content

A web-based Sorting Visualizer built with HTML, CSS, and JavaScript. Visualize popular sorting algorithms like Bubble Sort, Merge Sort, Quick Sort, and more with interactive controls for array size and speed.

Notifications You must be signed in to change notification settings

VedantSonar10/Sorting-Visulizer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Sorting Visualizer

A Sorting Visualizer built using HTML, CSS, and JavaScript. This project provides a visual representation of popular sorting algorithms, allowing users to observe how different algorithms process and sort data step by step.

🚀 Features

  • Interactive visualization of sorting algorithms.
  • Adjustable array size and speed of sorting.
  • Includes the following algorithms:
    • Bubble Sort
    • Selection Sort
    • Insertion Sort
    • Merge Sort
    • Quick Sort
  • User-friendly interface for customization.

🔧 Technologies Used

  • HTML5: For structuring the web page.
  • CSS3: For styling the components and adding animations.
  • JavaScript: For implementing the sorting algorithms and controlling the visualization logic.

📸 Preview

Visit the live demo here: Sorting Visualizer

Sorting Visualizer Demo
Add a screenshot of your project here for better presentation.

📝 How to Use

  1. Visit the live demo link or clone the repository.
  2. Adjust the array size and speed using the sliders provided.
  3. Select a sorting algorithm from the menu.
  4. Click the "Start Sorting" button to see the algorithm in action.

📂 Project Structure

Sorting-Visualizer/ │ ├── index.html # Main HTML file ├── style.css # Styles for the project ├── script.js # JavaScript file containing sorting logic └── README.md # Project README

🚀 Getting Started Locally

To run the project on your local system:

  1. Clone the repository:
    git clone https://github.com/vedantsonar10/Sorting-Visualizer.git  

About

A web-based Sorting Visualizer built with HTML, CSS, and JavaScript. Visualize popular sorting algorithms like Bubble Sort, Merge Sort, Quick Sort, and more with interactive controls for array size and speed.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published