Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/shivpr23/algosort-sorting-visualiser
AlgoSort Sorting Visualizer is an interactive web application that visually demonstrates various sorting algorithms, such as Bubble Sort, Merge Sort, Quick Sort, and more. It allows users to adjust array size and sorting speed, offering an engaging way to understand and compare the performance of sorting techniques through animations.
https://github.com/shivpr23/algosort-sorting-visualiser
css3 html5 javascript manifest manifest-json sorting-algorithms speed-controller
Last synced: 4 days ago
JSON representation
AlgoSort Sorting Visualizer is an interactive web application that visually demonstrates various sorting algorithms, such as Bubble Sort, Merge Sort, Quick Sort, and more. It allows users to adjust array size and sorting speed, offering an engaging way to understand and compare the performance of sorting techniques through animations.
- Host: GitHub
- URL: https://github.com/shivpr23/algosort-sorting-visualiser
- Owner: shivpr23
- Created: 2024-12-30T09:49:24.000Z (18 days ago)
- Default Branch: master
- Last Pushed: 2024-12-30T10:07:49.000Z (18 days ago)
- Last Synced: 2024-12-30T11:19:54.088Z (18 days ago)
- Topics: css3, html5, javascript, manifest, manifest-json, sorting-algorithms, speed-controller
- Language: HTML
- Homepage: https://shivpr23.github.io/AlgoSort-Sorting-Visualiser/
- Size: 273 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Sorting Visualizer
`Sorting Visualizer` is an engaging and interactive web application that brings sorting algorithms to life with vivid visual representations. Whether you're learning about algorithms or just exploring, this tool makes understanding sorting algorithms easy and fun.
## š Features
- **Intuitive Visualizations**: Each algorithm comes to life with colorful animations.
- **Interactive Controls**: Adjust array size and sorting speed dynamically.
- **Algorithm Insights**: Compare algorithms by observing their performance visually.
- **Educational**: Gain insights into the time and space complexity of each sorting algorithm.
## š Installation
### Prerequisites
Make sure you have the following installed on your system:
- **Node.js** (v14 or later recommended)
- **npm** (comes with Node.js)
### Steps
1. **Clone the repository:**
```bash
git clone https://github.com/your-username/sorting-visualizer.git
```
2. **Navigate to the project directory:**
```bash
cd sorting-visualizer
```
3. **Install the dependencies:**
```bash
npm install
```
4. **Start the development server:**
```bash
npm start
```
Open [AlgoSort-Sorting-Visualiser](https://shivpr23.github.io/AlgoSort-Sorting-Visualiser/) in your browser to view the application.
---
## š® Usage
1. Open the application in your browser.
2. Select your preferred sorting algorithm from the dropdown menu.
3. Use sliders to:
- Adjust the size of the array.
- Modify the sorting speed.
4. Click the **Start** button to begin the visualization.
---
## š» Technologies Used
- **React**: For building the dynamic user interface.
- **CSS**: For creating responsive and engaging visuals.
- **JavaScript**: For implementing efficient sorting algorithms.
---
## š Sorting Algorithms
### Bubble Sort
- **Time Complexity**: O(nĀ²)
- **Space Complexity**: O(1)
### Merge Sort
- **Time Complexity**: O(n log n)
- **Space Complexity**: O(n)
### Insertion Sort
- **Time Complexity**: O(nĀ²)
- **Space Complexity**: O(1)
### Selection Sort
- **Time Complexity**: O(nĀ²)
- **Space Complexity**: O(1)
### Quick Sort
- **Time Complexity**: O(n log n) (average case)
- **Space Complexity**: O(log n)
### Heap Sort
- **Time Complexity**: O(n log n)
- **Space Complexity**: O(1)
---
## šø Screenshots
_(Add screenshots of your application here to make the README more engaging!)_
---
## š¤ Contributing
Contributions are always welcome! Here's how you can contribute:
1. Fork the repository.
2. Create a new branch for your feature:
```bash
git checkout -b feature-name
```
3. Make your changes and commit them:
```bash
git commit -m "Description of changes"
```
4. Push your changes to your fork:
```bash
git push origin feature-name
```
5. Submit a pull request to the main repository.
---
## š License
This project is licensed under the MIT License. See the `LICENSE` file for more details.
---
## š Contact
For any questions, suggestions, or feedback, feel free to reach out:
- **Email**: [[email protected]](mailto:[email protected])
- **GitHub**: [shivpr23](https://github.com/shivpr23)
Happy Coding! š