# 📊 Algorithm Visualizer

An interactive tool that visualizes various sorting and pathfinding algorithms using HTML, CSS, and JavaScript. This project is designed to help users understand how different algorithms work through visual representation. 

 Features ✨
- Dynamic Array Size: Users can specify the size of the array to visualize. 📏
- Multiple Sorting Algorithms: Visualize various sorting algorithms, including:
  - Bubble Sort 🔄
  - Quick Sort ⚡
  - Merge Sort 📚
- Pathfinding Algorithms: Implement pathfinding algorithms such as:
  - A* Algorithm 🗺️
  - Breadth-First Search (BFS) 🔍
- Color Coding: Different colors represent different states (e.g., sorted, unsorted, current element). 🎨
- Speed Control: Users can adjust the speed of the visualization to their preference. ⏱️
- Responsive Design: The visualizer is designed to work on various screen sizes, making it accessible on both desktop and mobile devices. 📱💻

Technologies Used 🛠️
- HTML: For structuring the web application.
- CSS: For styling and layout.
- JavaScript: For implementing the algorithms and interactivity.

 Installation 🚀
To set up the project locally, follow these steps:
1. Clone the repository:
   ```bash
   git clone https://github.com/yourusername/algorithm-visualizer.git

2. Navigate to the project directory:

   cd algorithm-visualizer

3. Open index.html in your web browser: You can do this by double-clicking the index.html file or using your browser's file menu to open it.

Usage 📚

1. Generate Array:
   • Use the input field to specify the size of the array (between 5 and 100).
   • Click the "Generate Array" button to create a new random array. 🔢
2. Start Sorting:
   • Click the "Start Sorting" button to visualize the sorting algorithm. The current algorithm can be modified in the JavaScript code. 🔍
3. Reset:
   • Click the "Reset" button to clear the current visualization and generate a new array. 🔄
4. Speed Control:
   • Use the speed slider to adjust the speed of the visualization. This allows you to slow down or speed up the animation for better understanding. ⚡

Contributing 🤝 Contributions are welcome! If you have suggestions for improvements or new features, please follow these steps:

1. Fork the repository. 🍴
2. Create a new branch:

   git checkout -b feature/YourFeature

3. Make your changes and commit them:

   git commit -m 'Add some feature'

4. Push to the branch:

   git push origin feature/YourFeature

5. Open a pull request. 🔗

Acknowledgments 🙏

• Inspired by various algorithm visualization projects.
• Special thanks to the open-source community for their contributions and resources.

Contact 📧 For any inquiries or feedback, please reach out to vchebby876@gmail.com.