Four algorithm families
Explore six sorting, five pathfinding, three maze-generation and two searching algorithms.
03 — Learning through interactionCompleted
Algorithm Playground
ئەلگۆریتم
See the logic. Follow every step.
A Kurdish algorithm playground for sorting, searching, pathfinding and maze generation. Visual steps, pseudocode and statistics turn abstract procedures into something you can inspect.
Next.jsReactTypeScriptZustandCanvasTailwind CSS
16Algorithms to explore
4Algorithm families
↔Step-by-step playback
01 / The idea
A reason to build.
The challenge
Reading pseudocode often hides the part that matters most: how the state changes from one operation to the next. Learners need a way to slow down, revisit a step and connect the code to its result.
The approach
Keep the visual state, pseudocode and statistics synchronized. Let visitors choose the input, control playback and experiment with the same idea on different arrays or grids.
02 / The experience
Made to be explored.
Control the explanation
Play, pause, step forward or back, seek through the timeline and adjust speed while following the corresponding pseudocode.
Experiment with the input
Edit walls and weights, generate a maze and find a route. A separate Conway’s Game of Life simulation explores another kind of evolving system.
03 / Under the surfaceThe thinking behind
The thinking behind
the interface.
Design choices become useful when the system underneath supports them.
Recorded state transitions
Algorithm runs produce inspectable steps. Playback can revisit those states, keeping the visual explanation and pseudocode aligned rather than relying on a one-way animation.
Meaningful measurements
Algorithm-specific statistics expose comparisons, swaps, visited nodes and path cost. The interface makes the work performed by an algorithm visible.
An interactive grid
Canvas rendering supports walls, weighted cells and generated mazes. State management coordinates the chosen algorithm, input and playback controls.
Experimental visual encoding