1/7

Welcome to Algorithm Visualizer

This small tutorial will help you to familiarize yourself with necessary features

If you don't need a tutorial, then just hit the Skip button and enjoy the Visualizer!

2/7

Setting start and target nodes

An algorithm will work only if there is a start and an end

To set the start node, double-click on any cell. To set a target node, left click on any cell.

start node target node
3/7

Setting and clearing walls

You can manually set obstacles for an algorithm

To set a wall - left click and drag your mouse across the board. If you want to clear a wall, right click and drag.

setting walls gif
4/7

Choosing an algorithm

You can choose different search algorithm from the menu

This project features: Depth first, breadth first, A* star and Dijkstra's algorithm. Every algorithm has a small description at the top of the page.

choose an algorithm
5/7

Choosing a maze

If don't want to set obstacles yourself, you can choose one of the maze patterns

Choose a maze pattern and see the algorithm in action! There is also a non-traversable maze, which made for demonstrational purposes only of how you can generate a maze using recursive division method.

choose a maze
6/7

Project Legend

If you're feeling lost, you can reference the legend bar which features all the necessary things.

Legend bar is always at the top of the page. It also provides a short description of an algorithm you've chosen.

7/7

Start Visualizer

Once everything is ready, you can see the algorithm in action

Just hit the start button and enjoy the visuals!

start button screenshot
Target
Start
Path
Wall
Visited nodes
To clear a node
To set a target or a wall
To set a starting node

Pick an algorithm!