DEV Community

Zynviro
Zynviro

Posted on

I built an interactive pathfinding visualizer to make algorithms easier to understand

I’ve always found pathfinding algorithms much easier to understand when I can actually see them running instead of just reading pseudocode.

So I built PathLab, an interactive browser-based pathfinding visualizer.

You can draw walls and weighted cells, generate mazes, change the animation speed, and watch different algorithms explore the grid in real time.

It currently supports:

  • BFS
  • DFS
  • Dijkstra
  • A*
  • Greedy Best-First Search
  • Bidirectional search
  • Weighted grids
  • Maze generation
  • Interactive start/target nodes
  • Real-time pathfinding visualization

The main goal was to make algorithms like Dijkstra and A* feel less abstract and easier to experiment with.

Tech stack:

  • JavaScript
  • Node.js
  • Express
  • HTML/CSS
  • Bootstrap

I built it mainly as a learning project, but I’m hoping to keep improving it and potentially add more algorithms and features.

I’d really appreciate feedback from other developers — especially if you have ideas for algorithms, visualizations, or features I should add.

GitHub: https://github.com/zynviro/

Top comments (0)