Skip to content

tazhalli5/Algorithm-Visualizer-

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

41 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ“Š Algorithm visualizer

A professional, high-performance web-based tool designed to provide a real-time visual exploration of fundamental sorting algorithms. This project serves as an educational dashboard to understand both the visual behavior and the mathematical efficiency (Big O) of data structures.

πŸš€ Key Features

  • Multi-Algorithm Suite: Real-time visualization of Bubble Sort, Insertion Sort,Merge Sort,and Quick Sort.
  • Dynamic Complexity Dashboard: Automatically displays Time Complexity and Space Complexity for the selected algorithm to bridge the gap between code and theory.
  • Real-Time Performance Control: Integrated speed slider allowing users to adjust the animation delay dynamically during execution.
  • Responsive Engine: A custom-built visualization container that adjusts the data set size based on the user's device (Mobile vs. Desktop).
  • Interactive UI: Modern dark-mode interface featuring glassmorphism effects and intuitive controls.

πŸš€ Live Demo

https://tazhalli5.github.io/Algorithm-Visualizer-/

πŸ› οΈ Tech Stack

  • HTML5 Semantic Markup: For a clean, accessible document structure.
  • CSS3 (Modern UI): Utilizing Flexbox, CSS Variables, and Backdrop-filters for a premium look.
  • JavaScript (ES6+): Implementing Asynchronous logic (async/await) and DOM manipulation to handle real-time sorting animations.

πŸ“‚ Project Structure

β”œβ”€β”€ index.html   # Main UI structure
β”œβ”€β”€ style.css    # Visual styling and layout
β”œβ”€β”€ script.js    # logic & DOM manipulation
└── README.md    # Project documentation

Releases

No releases published

Packages

 
 
 

Contributors