You are browsing as a guest. Sign up (or log in) to start making projects!

algorithm visualiser

  • 1 Devlogs
  • 1 Total hours

Interactive visualizations for fundamental computer science algorithms. Built from scratch with React and HTML5 Canvas — no algorithm libraries used.

Ship #1 Pending review

Algorithm Visualizer Suite
Visualizers

Pathfinding

Dijkstra’s Algorithm — weighted shortest path
A Search* — heuristic-guided pathfinding
BFS — unweighted shortest path
DFS — exhaustive search
Draw walls by clicking/dragging on the grid
Sorting

Bubble Sort — O(n²) with pairwise comparisons
Quick Sort — divide and conquer with pivot visualization
Merge Sort — divide and merge with overwrite animation
Neural Network

Forward Pass Visualization — watch activations propagate through layers
Xavier-initialized weights, sigmoid activations
Real-time value display on each neuron
🛠️ Tech Stack

React 18 + Vite
React Router (tab navigation)
HTML5 Canvas (neural net rendering)
Pure JavaScript algorithms (no libraries)
🧠 What I Learned

Implementing A* from scratch taught me why the heuristic must be admissible (never overestimate). I initially used Euclidean distance and noticed suboptimal paths on grid graphs — switching to Manhattan distance fixed it because it exactly matches the 4-directional movement cost.

  • 1 devlog
  • 1h
Try project → See source code →

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…