Pathfinding-Visualizer
Pathfinding-Visualizer copied to clipboard
🎯 VanillaJS pathfinding visualizer using bunch of different shortest-path algorithms (A*, DFS, BFS, ...etc.)
🎯 Pathfinding Visualizer
🎈 Pathfinding Visualizer (Click to try 🚀)
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
- Users can drag around a start and end node and set them in any place.
- Users can then choose a speed of the visualization .
- Users can optionally choose to clear the maze or draw walls by dragging the mouse.
- Users can optionally randomize the walls in the maze and add more walls by dragging the mouse.
📷 ScreenShots








🕶 Demo
