Algorithm-Visualizer

KO | EN

gitlite — search

#javascript #python #hacktoberfest #android #machine-learning #rust #linux #docker #java #windows #kubernetes #pytorch #security #open-source

Algorithm-Visualizer

(★ 79)

Visualize working of famous algorithms, Currently Implemented Path Finding (Dijkstra's, A Star, BFS, DFS) Sorting (Bubble, Insertion, Selection, Merge, Quick, Heap)

Algorithm-Visualizer Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h1 align="center"> Algorithm-Visualizer</h1>

A web application, that lets you play with complex algorithms. User's gets to visualize working of algorithms, at different speeds, and different setups.

![Issues](https://img.shields.io/github/issues/servermonk/Algorithm-Visualizer)
![PRs](https://img.shields.io/github/issues-pr/servermonk/Algorithm-Visualizer)
![Maintenance](https://img.shields.io/maintenance/yes/2020)
![star](https://img.shields.io/github/stars/servermonk/Algorithm-Visualizer?style=social)
![fork](https://img.shields.io/github/forks/servermonk/Algorithm-Visualizer?style=social)

</div>
<hr>

## Algorithms Supported

<ul>
<li> Graph Algorihtms
  <details>
  <ul>
    <li> Dijkstra's path finding algorihtm. </li>
    <li> A-Star path finding algorihtm. </li>
    <li> Breadth First Search (BFS) traversal algorihtm. </li>
    <li> Depth First Search (DFS) traversal algorithm. </li>
  </ul>
  </details>
</li>
<li> Sorting Algorihtms
  <details>
  <ul>
    <li> Bubble Sort </li>
    <li> Selection Sort </li>
    <li> Insertion Sort </li>
    <li> Quick Sort </li>
    <li> Merge Sort </li>
    <li> Heap Sort </li>
  </ul>
  </details>
</li>
</ul>

## Getting Started

> Click [here](https://vizalgo.netlify.app/) to get directed to the hosted page.

#### GitHub Repository Structure

| S.No. | Branch Name                                                              | Purpose                       |
| ----- | ------------------------------------------------------------------------ | ----------------------------- |
| 1.    | [master](https://github.com/servermonk/Algorithm-Visualizer/tree/master) | contains the main code        |
| 2.    | [beta](https://github.com/servermonk/Algorithm-Visualizer/tree/beta)     | contains all development code |

> *Note*: We're not accepting any changes in the `master` branch, make PRs in the `beta` branch only.

> Slack Discussion Channel for contributors: [![chat on slack](https://img.shields.io/badge/chat-on%20slack-brightgreen)](https://join.slack.com/t/algorithmvisu-e2k7997/shared_invite/zt-hvk62rhv-1ysq_VTpavJqhnpfYXdBow)

## Technology Stack Used
<img src="https://img.shields.io/badge/html5%20-%23E34F26.svg?&style=for-the-badge&logo=html5&logoColor=white"/> <img src="https://img.shields.io/badge/css3%20-%231572B6.svg?&style=for-the-badge&logo=css3&logoColor=white"/> <img src="https://img.shields.io/badge/javascript%20-%23323330.svg?&style=for-the-badge&logo=javascript&logoColor=%23F7DF1E"/> <img src="https://img.shields.io/badge/node.js%20-%2343853D.svg?&style=for-the-badge&logo=node.js&logoColor=white"/> <img src="https://img.shields.io/badge/github%20-%23121011.svg?&style=for-the-badge&logo=github&logoColor=white"/>

- <strong> FrontEnd Design: </strong> HTML & CSS
- <strong> Algorithms and animations: </strong> JavaScript
- <strong> Server hosting: </strong> NodeJS
- <strong> Web hosting: </strong> Netlify

## Project Setup
- Fork and clone the Repo by typing the following commands in the terminal 
```
$ git clone https://github.com/your-username/Algorithm-Visualizer.git
$ cd Algorithm Viusalizer
```
- Change Branch using:
```
$ git checkout beta
```
- To open the site you can either use [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) of VS-Code or similar tools, or you need to install Node.js 
    <details>
    To open site on Localhost:
    - Install node dependencies using:

```
    $ npm install
    ```

- To start the server, type:
    ```
    $ node server
    ```
   
    - Then on your browser type http://localhost:3000/
  </details>
- Make changes to the code and save your changes
- Commit your changes using:
```
$ git commit -m "add any comment"
```
- Push the changes to the forked repository
- Navigate to the original repository and make a pull request

## Project administrators ✨

<table>
  <tbody>
    <tr>
      <td align="center">
        <a href="https://github.com/anubhavitis"><img alt="Anubhav" src="https://avatars1.githubusercontent.com/u/26124625?s=400&u=c411643ffe3db941107eca578ada396c5f8dfa3a&v=4" width="100px;"><br><sub><b>Anubhav Singhal</b></sub></a><br>
      </td>
      <td align="center">
        <a href="https://github.com/servermonk">
          <img alt="Ayush" src="https://avatars0.githubusercontent.com/u/47775419?s=400&u=8093851c8db10edad1d6a00435989daab20c2bbe&v=4" width="100px;"> <br>
          <sub><b>Ayush Tiwari</b></sub></a>  <br>
        </a>
      </td>
    </tr>
  </tbody>
</table>

## **Thank You**
Made with Love ❤️️  &  Passion 🙏.
> Like the project?? Give us a star ⭐. Have a nice day!

Algorithm-Visualizer

Algorithm-Visualizer Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Algorithm-Visualizer

Algorithm-Visualizer Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README