https://github.com/saifurrahmanemon/algorithms_visualizer

An attempt to make a visualizer for popular algorithms. So far, finished with visualizing popular sorting algorithms like Bubble Sort, Selection Sort, Insertion Sort, Merge Sort, Quick Sort.
https://github.com/saifurrahmanemon/algorithms_visualizer

algorithm algorithm-visualizer algorithms javascript react sorting-algorithms

Last synced: 2 days ago
JSON representation

An attempt to make a visualizer for popular algorithms. So far, finished with visualizing popular sorting algorithms like Bubble Sort, Selection Sort, Insertion Sort, Merge Sort, Quick Sort.

• Host: GitHub
• URL: https://github.com/saifurrahmanemon/algorithms_visualizer
• Owner: Saifurrahmanemon
• Created: 2022-01-20T08:39:03.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2023-01-13T12:38:59.000Z (almost 2 years ago)
• Last Synced: 2024-04-24T11:06:01.788Z (7 months ago)
• Topics: algorithm, algorithm-visualizer, algorithms, javascript, react, sorting-algorithms
• Language: JavaScript
• Homepage: https://algorithmsvisualizers.netlify.app/
• Size: 442 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md

Awesome Lists containing this project

README

        


    Algorithm Visualizer



## Algorithms visualizer built using React

----






    Sorting Visualizer








### An attempt to make a visualizer for popular algorithms. So far, finished with visualizing popular sorting algorithms like Bubble Sort, Selection Sort, Insertion Sort, Merge Sort, Quick Sort.

----

## Main Features

----

- understand how sorting algorithms work

- can see total comparisons

- can see how much time it takes to sort an array by different algorithms

- can control both the speed and the bar size

- can start, stop and resume the animation during the sorting process

- generate random arrays

### Technologies

----

- React

-  Pure CSS And for components [React material](https://material-ui.com/)

- [Zustand](https://github.com/pmndrs/zustand) (State management library)

- React Icons

### Plans

----

- 🧪 Write tests for Sorting Visualizer

- 🔍 Add Searching Algorithms Visualizer

- 🛣️ Add Path finding Algorithms Visualizer

### Run in your local

-----

- ```git clone https://github.com/Saifurrahmanemon/Algorithms_Visualizer```

- ```npm install``` (navigate inside directory first)

- ```npm run dev```

---

### Contributing Guide

If you want to contribute, improve or fix bugs in this repo, then check out the [Contributing Guide](./CONTRIBUTING.md)