Sorting Visualizer
This project is a web-based sorting algorithm visualizer implemented using React and Bootstrap. It allows users to visualize the step-by-step execution of various sorting algorithms on a dynamically generated array of elements.
Features
-
Sorting Algorithms: Currently supports visualization for Merge Sort, Bubble Sort, Selection Sort, and Insertion Sort.
-
Custom Input: Users can input their own array values for sorting.
-
Adjustable Parameters: Control the speed of the visualization and set the number of elements in the array.
Getting Started
Prerequisites:
Node.js and npm installed on your machine. if you have not installed react-scripts install it by : npm i react-scripts
Clone the repository: Navigate to the project directory : cd myprojects Start the development server : npm start Open your browser and go to http://localhost:3000 to view the Sorting Visualizer.
Configuration: Adjust the project settings by modifying the following variables in the code:
Animation Speed: Change the animation speed by adjusting ANIMATION_SPEED_MS in SortingVisualizer.js. Array Size: Set the default array size by modifying ArraySize in SortingVisualizer.js.
Acknowledgments Inspiration: Clément Mihailescu Bootstrap: Bootstrap React: React