A high-performance, modern Binary Search visualizer designed for DAA (Design and Analysis of Algorithms) education. Featuring real-time logic tracking, sensory feedback, and a sleek glassmorphism UI.
π https://binarysearch-abhirai.netlify.app/
- πΉοΈ Auto-Play Mode: Sit back and watch the algorithm work with the new "Play/Stop" engine.
- ποΈ Variable Speed: Adjust the visualization pace in real-time with an intuitive Speed Slider.
- π Descriptive Event Log: A granular step-by-step trace showing exactly how
low,mid, andhighpointers shift. β οΈ Smart Input Validation: Automatically detects unsorted arrays and flashes a warning while correcting the data for search compatibility.- π Dynamic Audio: Synthesized tones that change frequency as the search space narrows.
- Glassmorphism UI: Frosted-glass design with a mouse-tracking 3D parallax effect.
- Live Code Monitor: Highlights the exact line of JavaScript being executed.
-
Efficiency Analytics: Real-time
$O(\log n)$ tracking and a data elimination gauge. - Responsive Layout: Fully optimized for both desktop monitors and mobile devices.
- Language: Vanilla JavaScript (ES6+)
- Styling: CSS3 (Grid, Flexbox, Backdrop-Blur)
- Audio: Web Audio API
- Deployment: Netlify
Abhishek Rai A (Abhirai2006)