How to use the visualizer

Building the app

This tool is being built increment by increment. The app shell is in place; the interactive graph editor and the algorithm animations are on the way — this page will grow with them.

What it will do

  • Draw a graph: add nodes and connect them with weighted edges, or load one of the course's example graphs.
  • Read it as an adjacency matrix and an adjacency list, updating as you draw.
  • Run BFS, DFS, Dijkstra's, Prim's, and Kruskal's and step through — or scrub back through — every visit, compare, and chosen edge.
  • Your graphs never leave the browser — see About & privacy.