Back to ProjectsSorting Visualisations
Interactive visualization tool for understanding sorting algorithms.
Overview
An educational web application that brings sorting algorithms to life through dynamic, interactive visualizations. Students can watch algorithms execute step-by-step, adjust execution speed, and compare different sorting techniques side-by-side.
Technologies Used
Key Features
Visualizations for 10+ sorting algorithms (Quick, Merge, Heap, etc.)
Adjustable array size and execution speed
Side-by-side algorithm comparison
Step-by-step execution with code highlighting
Complexity analysis display (time and space)
Generate random, nearly sorted, or reversed arrays
Challenges
Optimizing canvas rendering for smooth animations at high array sizes while maintaining code clarity for educational purposes.
Outcome & Impact
Used by 2,000+ students across multiple universities, featured in computer science curriculum at 3 institutions.
How I Grew
Mastered Canvas API and performance optimization techniques for smooth animations
Learned to balance visual appeal with educational clarity
Improved algorithm understanding through teaching and visualization
Developed skills in creating intuitive educational interfaces