Code-Flow-Visualizer

Overview

Welcome to the Code-Flow Visualizer! This web application provides an interactive platform to visualize various sorting algorithms. It is built using HTML, CSS, and JavaScript, ensuring a responsive design that allows users to seamlessly switch between light and dark modes. Link Text

Features

1. Sorting Algorithms: Visualize popular sorting algorithms, including:

   1. Bubble Sort
   2. Selection Sort
   3. Insertion Sort
   4. Merge Sort
   5. Quick Sort

2. Interactive Interface: Understand the sorting process step by step with a dynamic and intuitive interface. Witness the algorithm in action as it sorts through data.

3. Responsive Design: The application is designed to work flawlessly across various devices, ensuring a consistent user experience on desktops, tablets, and smartphones.

4. Light and Dark Modes: Customize your viewing experience by toggling between light and dark modes. Choose the mode that suits your preferences and reduces eye strain.

Technologies Used

1.HTML: The structure of the web application is defined using HTML, providing a foundation for content presentation.

2. CSS: Cascading Style Sheets are utilized for styling and layout, ensuring an aesthetically pleasing and user-friendly interface.

3. JavaScript: The application's logic and interactivity are powered by JavaScript, enabling real-time visualization of sorting algorithms.

Getting Started

1.Clone this repository to your local machine.

git clone https://github.com/divyamehrotra/Code-Flow-Visualizer

2. Open the index.html file in your preferred web browser.

3. Explore the different sorting algorithms and customize your visual experience with light and dark modes.

Usage

1. Algorithm Selection: Choose a sorting algorithm from the provided list.

2. Array Generation: Generate a random array or input your own array to sort.

3. Visualize Sorting: Click the "Sort" button to start the visualization. Observe how the chosen algorithm sorts the array step by step.

4. Speed Control: Adjust the speed of the visualization to better understand the sorting process.

5. Toggle Modes: Switch between light and dark modes using the mode toggle button.

Contributing

If you'd like to contribute to the Sorting Algorithm Visualizer, please follow these steps:

1. Fork the repository.

2. Create a new branch for your feature or bug fix.

3. Make your changes and submit a pull request.

4. Ensure your code passes any existing tests.

5. Update the README with details of your changes if necessary.

Happy sorting! 🚀