Skip to content

Repository files navigation

banner

Algorithm Visualizer

An interactive web application to learn algorithms visually, built with React.

🌐 Live Demo: https://ashisrahman.dev/


🚀 Overview

Algorithm Visualizer helps students understand complex algorithms through step-by-step visualizations.

It is especially useful for learners who struggle with abstract concepts or lack access to paid educational tools.

Currently, the platform includes 24+ algorithms across multiple categories, designed to make learning more intuitive and engaging.


📚 Features

🔹 Segments

  • Pathfinder
  • Prime Numbers
  • Sorting Algorithms
  • N-Queen
  • Convex Hull
  • Binary Search Game
  • Recursion Tree
  • Turing Machine

🧠 Algorithms Implemented

Graph Search

  • DFS (Depth-First Search)
  • BFS (Breadth-First Search)
  • Dijkstra’s Algorithm
  • A* Search
  • Recursive Maze Generation

Sorting

  • Bubble Sort
  • Selection Sort
  • Insertion Sort
  • Heap Sort
  • Merge Sort
  • Quick Sort

Other Algorithms

  • Sieve of Eratosthenes
  • Archimedes Spiral (Prime Visualization)
  • N-Queen (Backtracking)
  • Graham Scan (Convex Hull)
  • Binary Search

Recursion

  • Fibonacci
  • Binomial Coefficient
  • Derangement
  • Fast Exponentiation
  • Stirling Numbers (2nd Kind)

Turing Machine

  • Bitwise NOT
  • Increment by One
  • Two’s Complement

📊 Impact

Algorithm Visualizer is built to make algorithm learning accessible, especially for students who cannot afford paid tools or courses.

  • 🌍 ~3,200 monthly visitors (varies by month)
  • 🎓 Used by university students for Data Structures & Algorithms courses
  • 💸 Free alternative to paid visualization platforms
  • 🌐 Accessible globally, including strong usage from LMIC regions
  • 🚀 Continuously developed over 2+ years

Why this matters

Many learners struggle with algorithms due to lack of interactive resources. Paid platforms are often not affordable for students in developing countries.

This project aims to bridge that gap by providing a free, open-source, and visual learning experience.

Analytics

We track usage through privacy-friendly analytics ( Cloudflare).


🛠️ Run Locally

Make sure you have Node.js installed:

npm install
npm run dev

App will run at:

http://localhost:3000/AlgorithmVisualizer

🤝 Contributing

Contributions are welcome!

If you’d like to improve visualizations, add new algorithms, or fix bugs, feel free to open a PR or issue.


🙌 Acknowledgements

Inspired by:


⭐ Support

If you find this project helpful, consider giving it a star ⭐ It helps more learners discover it.


💡 Inspiration for Next Sections

About

A React-based visualization tool for 24+ algorithms including pathfinding, sorting, prime numbers, N-Queen, convex hull, binary search, recursion tree, and Turing machine simulations.

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages