https://github.com/mohitrajput2002/sorting-visualizer
The Sorting Visualizer is a web application that provides a visual representation of various sorting algorithms. It allows users to observe and understand how different sorting algorithms work by animating the sorting process.
https://github.com/mohitrajput2002/sorting-visualizer
css3 html5 javascript sorting-algorithms
Last synced: 9 months ago
JSON representation
The Sorting Visualizer is a web application that provides a visual representation of various sorting algorithms. It allows users to observe and understand how different sorting algorithms work by animating the sorting process.
- Host: GitHub
- URL: https://github.com/mohitrajput2002/sorting-visualizer
- Owner: mohitrajput2002
- Created: 2022-06-06T15:03:26.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-09-05T14:38:12.000Z (over 2 years ago)
- Last Synced: 2025-01-21T14:15:15.366Z (11 months ago)
- Topics: css3, html5, javascript, sorting-algorithms
- Language: JavaScript
- Homepage: https://sorting-visuallizer.netlify.app/
- Size: 1.6 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Sorting Visualizer
The Sorting Visualizer is a web application that provides a visual representation of various sorting algorithms. It allows users to observe and understand how different sorting algorithms work by animating the sorting process.
Visit the live site: https://sorting-visuallizer.netlify.app/
## Features
- Interactive visualization: Users can visualize sorting algorithms in action.
- Multiple sorting algorithms: The application supports various sorting algorithms, including bubble sort, insertion sort, selection sort, merge sort, quick sort, and more.
- Adjustable speed: Users can control the speed of the sorting animation to observe the process more closely.
- Array size customization: Users can adjust the size of the array to be sorted, allowing them to analyze the performance of the algorithms with different input sizes.
- Random array generation: The application provides a feature to generate random arrays for sorting.
## Usage
1. Open the `Sorting Visualizer` in your web browser.
2. Choose a sorting algorithm from the available options.
3. Adjust the speed and array size if desired.
4. Click the "Generate Array" button to create a new random array or manually enter your own array.
5. Click the "Sort" button to start the visualization.
6. Observe the sorting process as the bars move and rearrange themselves.
7. Once the sorting is complete, you can generate a new array and try different algorithms or configurations.
## Technologies Used
- HTML
- CSS
- JavaScript
**Enjoy visualizing sorting algorithms with Sorting Visualizer!**