Sorting Visualizer

This project is a visual representation of various sorting algorithms. It helps in understanding how different sorting algorithms work by visualizing the process step-by-step.

Features

• Visualize popular sorting algorithms:
  • Bubble Sort
  • Selection Sort
  • Insertion Sort
  • Merge Sort
  • Quick Sort
• Adjustable speed for visualization
• Customizable array size
• Step-by-step execution

Getting Started

Live Demo

Check out the live demo of the Sorting Visualizer SortDynamic.

Prerequisites

• Node.js
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/Nitrospace2520/sorting-visualizer.git

2. Navigate to the project directory:

   cd sorting-visualizer

3. Install dependencies:

   npm install

   or

   yarn install

Running the Project

To start the development server, run:

npm run dev

or

yarn run dev

Open your browser and go to http://localhost:5173 to see the sorting visualizer in action.

Usage

1. Select a sorting algorithm from the dropdown menu.
2. Adjust the array size and speed using the sliders.
3. Click the "Generate New Array" button to create a new array.
4. Click the "Buble Sort" button to visualize the bubble sorting process.
5. Click the "Selection Sort" button to visualize the selection sorting process.
6. Click the "Insertion Sort" button to visualize the insertion sorting process.