A better visualization of different algorithms made with React.

Visit : https://tamimehsan.github.io/AlgorithmVisualizer/

Explore more than 30 algorithms with step by step visualization simplifying the learning process and making it more engaging for a better understanding.

So far there are these segments

• Pathfinder
• Graph Traversal (BFS / DFS)
• Shortest Path
• Minimum Spanning Tree
• Connectivity
• Network Flow
• Prime Numbers
• Sorting Algorithms
• N Queen
• Convex Hull
• Binary Search Game
• Binary Search Tree
• Recursion Tree
• Turing Machine
• Game of Life
• Linked List

I have implemented a total of 30+ algorithms so far. And will try to add more later.

• Graph Search
  • DFS
  • BFS
  • Dijkstra
  • A star
  • Recursive Maze Creation
• Data Structures
  • Linked List (insert, delete, search, reverse — singly & doubly)
• Trees
  • Binary Search Tree (insert, delete, search with animated re-layout)
• Graph Traversal
  • BFS
  • DFS
• Single Source Shortest Path
  • Dijkstra
  • Bellman-Ford
• Minimum Spanning Tree
  • Kruskal
  • Prim
• Connectivity
  • Connected Components
  • Strongly Connected Components (Tarjan)
  • Weakly Connected Components
• Network Flow
  • Edmonds-Karp
  • Ford-Fulkerson
  • Min Cut
• Sorting
  • Bubble sort
  • Selection sort
  • Insertion sort
  • Heap sort
  • Merge sort
  • Quick sort
• Prime Numbers
  • Sieve or Eratosthenes
  • Archimedes Spiral
• N Queen Backtracking
• Graham Scan for Convex Hull
• Binary Search
• Recursion
  • Fibonacci Number
  • Binomial Coefficient
  • Derangement
  • Fast Exponentiation
  • Stirling Number of Second Kind
• Turing Machine
  • Bitwise NOT
  • Increment one
  • 2's Compliment

I am not sure if anyone would like to contribute to this project or not. But any kind of contributions are welcomes. Also if you like this please star this repo. It keeps me motivated.

• Commit 16: Added Flip Move animation to inplace sorting components
• Commit 20: Added Tree Structure
• 13 Dec 2024: Release v2.0.0: Migrate the project from legacy project to next js with shadcn ui #3
• Jun 2026: Added Linked List visualizer (singly & doubly) with staged insert/delete animations
• Jun 2026: Added interactive Graph Traversal (BFS / DFS) built on React Flow
• Jun 2026: Added Shortest Path (Dijkstra / Bellman-Ford) and Minimum Spanning Tree (Kruskal / Prim) on a shared, reusable graph workspace
• Jun 2026: Added Connectivity (components / SCC / WCC) and Network Flow (Edmonds-Karp / Ford-Fulkerson, max flow / min cut)
• Jun 2026: Added a reusable SVG tree component with a Binary Search Tree visualizer, and migrated the Recursion Tree onto it

I took inspirations from the following sources for some of the segments.

• Pathfinder: The Projects That Got Me Into Google
• Archimedes Spiral for Primes: Why do prime numbers make these spirals?
• Recursion tree visualizer: Recursion Tree Visualizer
• Turing Machine: Tursi

Make sure you have node installed in your system. Then run

npm i
npm run dev

This will start the app in http://localhost:3000/AlgorithmVisualizer

• University of San Francisco Site
• ​algorithm-visualizer
• National University of Singapore Site