Step-through visualisations for 18 sorting and graph algorithms built with raw Canvas API. Users can adjust array size, animation speed, and pause mid-run to inspect state. Used as a teaching aid in two university workshops.
Existing algorithm visualisers either had poor UX, relied on outdated Flash animations, or were locked behind paywalls. I wanted something genuinely useful for students learning DSA — interactive, free, and fast enough to handle large arrays without frame drops.
Built on raw Canvas API (no library) for maximum performance — requestAnimationFrame-driven render loop with a step queue. Each algorithm is implemented as a generator function that yields state snapshots, which the visualiser plays back at user-controlled speed. Pause/step-forward/step-backward all work with the same generator interface.
Reached 2,000+ GitHub stars organically. Used as a teaching aid in workshops at two Australian universities. Consistently receives "this finally made it click" feedback from students. Featured in three developer newsletters.
