Skip to content

BFS and DFS
one step at a time.

Same loop, different container: a queue visits the graph in layers, a stack dives down one path before backing up.

Free to use. Step forward and back at your pace, and share a link to the exact step you are stuck on.

What you actually watch.

The part a dry run on paper loses: the state, at every step.

Same loop, different container: a queue visits the graph in layers, a stack dives down one path before backing up. That sentence is easy to agree with and hard to hold in your head on step nine, which is where most people lose the thread.

So the visualiser keeps it in front of you: the frontier spreading, and which nodes are settled for good. The line of code being executed is highlighted as the picture changes, so the drawing and the code never drift apart. Step forward, step back, or let it play.

Put your own input in. BFS and DFS on a clean example teaches you the shape; bfs and dfs on an empty input, a single element, or one with duplicates teaches you the thing an interviewer asks about.

How it runs, step by step.

The same order the visualiser moves in, so the list and the picture match.

  1. 1Start from a source and mark it seen.
  2. 2Take the next node from the frontier: a queue spreads in layers, a stack goes deep.
  3. 3Look at its neighbours, and add the ones never seen before.
  4. 4Never revisit a node, so every edge is examined once.

Where people get this one wrong.

These are not made up. Each one is a switch in the tool: turn it on, run the same input, and watch the state go wrong.

  • Bug: mark when taken outMarks a node only when it leaves the queue, so two neighbours can both queue it. In DFS the same idea without the "already seen?" check visits a node twice. Try "With a cycle".

What it costs.

The two numbers an interviewer will ask for, and what they mean here.

Time
O(V + E)counted as real operations while it runs, not quoted from a table
Space
O(V + E)what the algorithm holds besides the input itself
Pattern
GraphsExplore in layers, or go deep, and never visit twice.

Everything in the app, in one place.

Practice, interviews and the tools, all free to start. Swipe to see the rest.

Free to start: 100 AI credits when you sign up and 100 every month. Start free in the app

About bfs and dfs.

Open it in the app and the answers are easier to see than to read.

Open the visualiser
What does the bfs and dfs visualiser show?

Every step of the algorithm on input you choose: the frontier spreading, and which nodes are settled for good, with the line of code being executed highlighted beside it. You can step forward, step back, or let it play. Spelled visualizer or visualiser, it is the same tool.

What is the time complexity of bfs and dfs?

O(V + E) time and O(V + E) space. The visualiser counts the real operations as it runs, so you can watch the number grow instead of taking the formula on trust.

Why does my bfs and dfs code fail on some inputs?

Usually one of the known traps. The visualiser ships the real ones for this algorithm (mark when taken out), so you can switch the bug on, run it, and watch exactly where the state goes wrong.

Can I use my own input?

Yes. Type your own array, string or graph and the algorithm runs on that, including the edge cases that break a solution in an interview.

Is it free?

Yes. The app is free to start, with 100 AI credits when you sign up and 100 every month, and watching an algorithm costs no credits.