https://github.com/mohit-s96/sorting_visualization
Visualize and control various sorting algorithms
https://github.com/mohit-s96/sorting_visualization
algorithm-visualizer algorithms sorting-algorithms typescript
Last synced: about 2 months ago
JSON representation
Visualize and control various sorting algorithms
- Host: GitHub
- URL: https://github.com/mohit-s96/sorting_visualization
- Owner: mohit-s96
- Created: 2021-08-18T18:32:16.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2021-08-20T17:13:42.000Z (almost 4 years ago)
- Last Synced: 2025-02-08T21:45:49.061Z (3 months ago)
- Topics: algorithm-visualizer, algorithms, sorting-algorithms, typescript
- Language: TypeScript
- Homepage: https://mohit-s96.github.io/sorting_visualization/
- Size: 27.3 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
Awesome Lists containing this project
README
# Sorting Algorithm Visualization
A web app that visualizes every step in popular sorting algorithms. Has play/pause and speed control options as well. The rendering library can be decoupled to use with any standard sorting algorithms.
## API Reference
#### Add render data
```bash
addRenderData
```
| Parameter | Type | Description |
| :-------- | :----------------- | :------------------------------------------------------------------------------------------------ |
| `array` | `array of numbers` | **Required**. To be called after each iteration of the outer loop with the latest array reference |
#### Draw visualization in the browser
```bash
drawToScreen
```
| Parameter | Type | Description |
| :-------- | :------- | :--------------------------------------------------------------------------- |
| `options` | `object` | **Optional**. Object describing the drawing instructions, custom CSS classes |
## Run Locally
Clone the project
```bash
git clone https://github.com/msx47/sorting_visualization.git
```
Go to the project directory
```bash
cd sorting_visualization
```
Install dependencies
```bash
npm install
```
Start the server
```bash
npm run dev
```
## Contributing
Contributions are always welcome!!