https://github.com/indirapriyadharshini-63/sortingvisualizer
Sorting Visualizer in react
https://github.com/indirapriyadharshini-63/sortingvisualizer
bubble-sort data-structures heap-sort merge-sort quick-sort react react-hooks sorting-algorithms sorting-algorithms-implemented sorting-visualization use-sound
Last synced: about 1 month ago
JSON representation
Sorting Visualizer in react
- Host: GitHub
- URL: https://github.com/indirapriyadharshini-63/sortingvisualizer
- Owner: IndiraPriyadharshini-63
- Created: 2024-07-03T09:10:51.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-15T16:16:07.000Z (7 months ago)
- Last Synced: 2025-07-27T13:20:18.804Z (2 months ago)
- Topics: bubble-sort, data-structures, heap-sort, merge-sort, quick-sort, react, react-hooks, sorting-algorithms, sorting-algorithms-implemented, sorting-visualization, use-sound
- Language: JavaScript
- Homepage: https://visualsort-algorithm.vercel.app/
- Size: 259 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 interactive project that demonstrates how various sorting algorithms work using graphical visualization. This tool helps in understanding the working of sorting algorithms by displaying the step-by-step sorting process.
# Features
- Supports multiple sorting algorithms:
- Bubble Sort
- Heap Sort
- Quick Sort
- Merge Sort
- Radix Sort
- Adjustable speed for visualization
- Customizable array size
- Interactive UI for better learning experience
# Technologies Used
- Programming Language: JavaScript
- Frontend: React
# Installation
To run the Sorting Visualizer locally, follow these steps:
Clone the repository:
```
git clone https://github.com/IndiraPriyadharshini-63/SortingVisualizer.git
```
Navigate to the project directory:
```
cd SortingVisualizer
```
Install dependencies:
```
npm install
```
Start the development server:
```
npm start
```
# Usage
- Click on the "Generate New Array" button to create a new set of numbers.
- Select a sorting algorithm from the dropdown.
- Click "Start Sorting" to visualize the sorting process.
- Adjust the speed and array size using the provided sliders.