Pathfinding-Visualizer

KO | EN

gitlite — search

#python #javascript #docker #nodejs #vuejs #swift #ethereum #deep-learning #ios #frontend #hacktoberfest #connector

Pathfinding-Visualizer

★ 30 Open GitHub ↗

🎯 VanillaJS pathfinding visualizer using bunch of different shortest-path algorithms (A*, DFS, BFS, ...etc.)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<p align="center">
  <a href="https://github.com/AbdallahHemdan/Pathfinding-Visualizer" rel="noopener">
    
  ![Pathfinding visualizer](https://user-images.githubusercontent.com/40190772/83947303-6ece9280-a816-11ea-9ac3-72e28ad8af18.png)
  
  </a>
</p>

<h3 align="center">🎯 Pathfinding Visualizer</h3>
<div align="center">

[![GitHub contributors](https://img.shields.io/github/contributors/AbdallahHemdan/Pathfinding-Visualizer)](https://github.com/AbdallahHemdan/Pathfinding-Visualizer/contributors)
[![GitHub issues](https://img.shields.io/github/issues/AbdallahHemdan/Pathfinding-Visualizer)](https://github.com/AbdallahHemdan/Pathfinding-Visualizer/issues)
[![GitHub forks](https://img.shields.io/github/forks/AbdallahHemdan/Pathfinding-Visualizer)](https://github.com/AbdallahHemdan/Pathfinding-Visualizer/network)
[![GitHub stars](https://img.shields.io/github/stars/AbdallahHemdan/Pathfinding-Visualizer)](https://github.com/AbdallahHemdan/Pathfinding-Visualizer/stargazers)
[![GitHub license](https://img.shields.io/github/license/AbdallahHemdan/Pathfinding-Visualizer)](https://github.com/AbdallahHemdan/Pathfinding-Visualizer/blob/master/LICENSE)
<img src="https://img.shields.io/github/languages/top/AbdallahHemdan/Pathfinding-Visualizer"> 
<img src="https://img.shields.io/github/watchers/AbdallahHemdan/Pathfinding-Visualizer" />
</div>

---
## 🎈 Pathfinding Visualizer ([Click to try 🚀](https://abdallahhemdan.github.io/Pathfinding-Visualizer/))

> Built VanillaJS **_pathfinding visualizer_** using bunch of different shortest-path algorithms (A*, DFS, BFS, ...etc.) and Generate the grid using maze-generation algorithm and add the ability of controlling the grid structure and the distribution of the blocks and the position of the source and the destination.

## ⚙ How it Works

1. Users can drag around a start and end node and set them in any place.
2. Users can then choose a speed of the visualization . 
3. Users can optionally choose to clear the maze or draw walls by dragging the mouse.
3. Users can optionally randomize the walls in the maze and add more walls by dragging the mouse.

## 📷 ScreenShots

</div>

## 🕶 Demo

</div>

Pathfinding-Visualizer

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README