https://github.com/r2hu1/sorting-visualizer

This sorting visualizer is a tool designed to help users understand and visualize various sorting algorithms in action. It provides a graphical representation of how different sorting algorithms rearrange elements in a list to achieve a sorted order.
https://github.com/r2hu1/sorting-visualizer

javascript nextjs sorting-algorithms sorting-visualization

Last synced: 3 months ago
JSON representation

This sorting visualizer is a tool designed to help users understand and visualize various sorting algorithms in action. It provides a graphical representation of how different sorting algorithms rearrange elements in a list to achieve a sorted order.

• Host: GitHub
• URL: https://github.com/r2hu1/sorting-visualizer
• Owner: r2hu1
• Created: 2024-02-29T06:46:37.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-02-29T06:56:48.000Z (almost 2 years ago)
• Last Synced: 2024-02-29T07:39:18.127Z (almost 2 years ago)
• Topics: javascript, nextjs, sorting-algorithms, sorting-visualization
• Language: TypeScript
• Homepage: https://sorting-visualizer-sand-one.vercel.app
• Size: 0 Bytes
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## Sorting Visualizer

![preview](/public/preview.png)

## Overview

This sorting visualizer is a tool designed to help users understand and visualize various sorting algorithms in action. It provides a graphical representation of how different sorting algorithms rearrange elements in a list to achieve a sorted order.

## Supported Sorting Algorithms

- Bubble Sort

- Selection Sort

- Quick Sort

- Insertion Sort

- Merge Sort

## How to Use

1. **Select Algorithm:** Choose one of the supported sorting algorithms from the dropdown menu.

2. **Generate Data:** Click on the "Generate Data" button to create a new random list of elements to be sorted.

3. **Visualize Sorting:** Click on the "Sort" button to see the chosen algorithm in action, sorting the generated list.

4. **Speed Control:** Adjust the speed slider to control the speed of the visualization.

5. **Reset:** Click on the "Reset" button to reset the visualization.

## Key Features

- Interactive visualization of sorting algorithms.

- Option to choose from a variety of sorting algorithms.

- Adjustable speed for better understanding.

- Easy reset option to start over.

## Future Improvements

- Adding more sorting algorithms.

- Enhancing user interface and experience.

- Providing additional customization options.

## Contribution

Contributions are welcome! If you want to contribute to this project, feel free to fork it and submit a pull request with your changes.