Skip to content

This is a sorting visualizer web application built with HTML, CSS, and JavaScript. It allows users to visualize various sorting algorithms in action.

License

Notifications You must be signed in to change notification settings

MuhammadAliashraf/Sorting-visualizer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Sorting Visualizer

This is a sorting visualizer web application built with HTML, CSS, and JavaScript. It allows users to visualize various sorting algorithms in action.

Features

  • Visualize popular sorting algorithms:
    • Bubble Sort
    • Merge Sort
    • Heap Sort
    • Insertion Sort
    • Quick Sort
  • Adjustable speed control to control the visualization speed.
  • Dynamic array size adjustment.

Getting Started

  1. Clone the repository:

    git clone https://github.com/MuhammadAliashraf/Sorting-visualizer.git
  2. Open the index.html file in your web browser.

Usage

  • Click on the "Randomize Array" button to generate a new random array.
  • Select a sorting algorithm from the dropdown menu.
  • Click on the "Sort" button to visualize the selected sorting algorithm in action.
  • Use the speed control slider to adjust the visualization speed.
  • Use the array size slider to adjust the size of the array.

Available Sorting Algorithms

  • Bubble Sort
  • Merge Sort
  • Heap Sort
  • Insertion Sort
  • Quick Sort

Demo

View Demo

Contributing

Contributions are welcome! If you'd like to contribute to this project, please follow these steps:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature/your-feature-name).
  3. Make your changes.
  4. Commit your changes (git commit -am 'Add some feature').
  5. Push to the branch (git push origin feature/your-feature-name).
  6. Create a new Pull Request.

License

This project is licensed under the ISC License