https://github.com/arunesh-tiwari/sorting-visualizer

A website to visualize and learn sorting algorithm.
https://github.com/arunesh-tiwari/sorting-visualizer

sorting-visualization webdevelopment-project

Last synced: 9 days ago
JSON representation

A website to visualize and learn sorting algorithm.

• Host: GitHub
• URL: https://github.com/arunesh-tiwari/sorting-visualizer
• Owner: Arunesh-Tiwari
• License: mit
• Created: 2021-12-22T13:47:09.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2024-09-11T17:21:42.000Z (2 months ago)
• Last Synced: 2024-09-12T03:10:22.440Z (2 months ago)
• Topics: sorting-visualization, webdevelopment-project
• Language: JavaScript
• Homepage: https://arunesh-tiwari.github.io/sorting-visualizer/
• Size: 17.6 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Sorting Visualization Web App 🎨

Welcome to the Sorting Visualization Web App! 🚀 This project provides an interactive platform to visualize and compare different sorting algorithms in action. It's designed to help users understand how various sorting algorithms work and compare their performance.

## Features 🌟

- **Interactive Sorting Visualization**: Watch different sorting algorithms sort a dataset in real-time. 🔍

- **Algorithm Comparison Mode** [Upcoming](https://github.com/Arunesh-Tiwari/sorting-visualizer/issues/2): Compare multiple sorting algorithms side-by-side. ⚔️

- **Customizable Input Data** [Upcoming](https://github.com/Arunesh-Tiwari/sorting-visualizer/issues/3): Input your own datasets or choose from pre-defined options. 🛠️

- **Speed Control and Pause/Resume** [Upcoming](https://github.com/Arunesh-Tiwari/sorting-visualizer/issues/4): Adjust the animation speed and control the sorting process. ⏩⏸️

- **Step-by-Step Visualization** [Upcoming](https://github.com/Arunesh-Tiwari/sorting-visualizer/issues/5): Navigate through the sorting process step-by-step to better understand intermediate steps. 🧩

## Getting Started

To get started with the Sorting Visualization Web App, follow these steps:

1. **Clone the Repository**

    ```bash

    git clone https://github.com/Arunesh-Tiwari/sorting-visualizer.git

    ```

2. **Navigate to the Project Directory**

    ```bash

    cd sorting-visualizer

    ```

3. **Open `index.html` in Your Web Browser**

    Simply open the `index.html` file in your preferred web browser to view the app.

## Usage

1. **Select Sorting Algorithms**: Choose which sorting algorithms you want to compare from the dropdown menu or tabs.

2. **Input Data**: Enter your own data or select a pre-defined dataset.

3. **Control the Visualization**:

    - Use the speed control slider to adjust the animation speed.

4. **View Results**: Observe how different algorithms sort the data and compare their performance.

## Contributing

We welcome contributions to improve the Sorting Visualization Web App! If you have ideas for new features, bug fixes, or enhancements, please follow these steps:

1. **Fork the Repository** and create a new branch for your feature or bug fix.

2. **Make Changes** and commit them with clear messages.

3. **Push to Your Fork** and create a Pull Request.

## Issues and Feature Requests 📝

If you encounter any issues or have feature requests, please create a new issue in the [Issues](https://github.com/your-username/sorting-visualization-webapp/issues) section of the repository. You can also use [this issue](https://github.com/Arunesh-Tiwari/sorting-visualizer/issues/6) to discuss new feature ideas and improvements.

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

## Acknowledgments 🙏

- Thanks to all contributors and users for their feedback and support.

- Inspired by various sorting algorithm visualizations available online, but want to create better version.