Skip to content

kaif-23/Algorithm-Visualizer

Repository files navigation

Algorithm Visualizer

This project is a web-based tool for visualizing various sorting and searching algorithms. It provides a user-friendly interface to watch algorithms in action, helping to understand their underlying mechanics.

🔗 Live Demo

👉 Play the Live Visualize

Features

Algorithm Visualization: Watch sorting and searching algorithms as they process an array of numbers.

Multiple Algorithms: Includes a variety of common algorithms:

Sorting: Bubble Sort, Quick Sort, Selection Sort, and Insertion Sort.

Searching: Linear Search and Binary Search.

Interactive Controls:

Start/Stop: Play and pause the visualization at any time.

Array Size: Adjust the number of elements in the array.

Speed Control: Change the visualization speed to observe the steps more clearly.

Generate New Array: Create a new random array to visualize.

Algorithm Information: Displays time and space complexity, along with a C++ code implementation for the selected algorithm.

How to Use

Clone the repository:

git clone https://github.com/kaif-23/algorithm-visualizer.git

Navigate to the project directory:

cd algorithm-visualizer

Install dependencies:

npm install

Run the development server:

npm run dev

Open your browser and go to http://localhost:5173 (or the address shown in your terminal).

Technologies Used

React: A JavaScript library for building user interfaces.

Vite: A fast build tool and development server for modern web projects.

Tailwind CSS: A utility-first CSS framework for rapid UI development.

Lucide React: A library of simply beautiful icons.

About

Algorithm Visualizer sorting and searching algo

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published