https://github.com/muhammadaliashraf/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.
https://github.com/muhammadaliashraf/sorting-visualizer

bubble-sort community css heapsort html-css-javascript javascript javascript-applications mergesort project quicksort random sort sorting sorting-algorithms sorting-algorithms-implemented speed vanilla-javascript

Last synced: about 1 month ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/muhammadaliashraf/sorting-visualizer
• Owner: MuhammadAliashraf
• License: isc
• Created: 2023-05-23T16:34:07.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-05-11T19:46:50.000Z (9 months ago)
• Last Synced: 2024-11-06T20:23:10.676Z (3 months ago)
• Topics: bubble-sort, community, css, heapsort, html-css-javascript, javascript, javascript-applications, mergesort, project, quicksort, random, sort, sorting, sorting-algorithms, sorting-algorithms-implemented, speed, vanilla-javascript
• Language: JavaScript
• Homepage: https://sorting-visualizer-ali-dev.netlify.app/
• Size: 11.7 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        

# 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:

   ```bash

   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](https://sorting-visualizer-ali-dev.netlify.app/)

## 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