Learn algorithms and data structures interactively. Step-by-step visualizations, real-time code highlighting and detailed explanations. All in your browser, no setup needed.
A free, interactive web tool to learn algorithms through animated step-by-step visualizations. Every algorithm includes:
- Animated visualization — watch how the data structure transforms at each step
- Active line highlighting — code highlights in sync with the animation
- Variable tracking — see the state of every variable in real time
- Contextual explanation — understand the why behind each operation
|
Bubble Sort · Selection Sort · Insertion Sort · Quick Sort · Merge Sort · Heap Sort · Counting Sort · Radix Sort · Shell Sort |
Stack · Queue · Linked List · Hash Table · Binary 搜索 Tree · Heap |
BFS · DFS · Dijkstra · Prim · Topological Sort |
Binary 搜索 · Linear 搜索 · Jump 搜索 · Interpolation 搜索 |
|
Fibonacci · 0/1 Knapsack · LCS (Longest Common Subsequence) |
N-Queens · Sudoku Solver · Maze Pathfinding |
Tower of Hanoi |
Big O · Recursion · Two Pointers · Sliding Window · Memoization · Greedy vs DP · Space Complexity |
| Key | Action |
|---|---|
Space |
Play / Pause |
→ |
Next step |
← |
Previous step |
C |
Code tab |
E |
Explanation tab |
Plus: speed control (5 levels), skip to start/end, and resizable panels.
- Interactive — step through execution, adjust speed, go forward and backward
- Bilingual — available in English and Spanish
- Responsive — works on mobile, tablet and desktop
- Accessible — keyboard navigation, screen reader support, respects
prefers-reduced-motion - Built-in code editor — Monaco Editor with syntax highlighting and custom dark theme
- No sign-up — open your browser and start learning
Built with Astro + plain JS + Tailwind CSS + Shiki.
MIT — created by @midudev