Skip to content

Abhirai2006/Binary_Search

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

5 Commits
Β 
Β 
Β 
Β 

Repository files navigation

πŸš€ Binary Search Visualizer (Pro Edition)

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.

Demo


πŸ”— Live Application

πŸ‘‰ https://binarysearch-abhirai.netlify.app/


✨ Key Features

  • πŸ•ΉοΈ 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, and high pointers 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.

πŸ’Ž Design Highlights

  • 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.

πŸ› οΈ Tech Stack

  • Language: Vanilla JavaScript (ES6+)
  • Styling: CSS3 (Grid, Flexbox, Backdrop-Blur)
  • Audio: Web Audio API
  • Deployment: Netlify

πŸ‘€ Author

Abhishek Rai A (Abhirai2006)


About

A high-performance, modern Binary Search visualizer with glassmorphism UI, real-time logic tracking, and interactive audio feedback.

Topics

Resources

Stars

2 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages