Array Visualizer Sorting

Overview

Array Visualizer Sorting is an interactive web-based tool to visualize a variety of array sorting algorithms in action. Designed for students, educators, and anyone interested in learning how sorting algorithms work, this project provides an intuitive UI and visually engaging animations to help users understand algorithmic concepts.

Features

• 🎨 Real-time visualization of sorting algorithms
• 🧩 Supports multiple sorting methods (Bubble Sort, Selection Sort, Insertion Sort, and more)
• ⚡ Adjustable speed and array size
• 🔁 Step-by-step or auto-play animation modes
• 🕹️ User-friendly controls for better experimentation

Technologies Used

• JavaScript (core logic)
• React Js and Tailwind (UI and styling)

Getting Started

Prerequisites

• Node.js (if running locally and using a build system)
• Web browser (for using directly)

Installation

1. Clone the repository

   git clone https://github.com/AngryVanar/array-visualizer-sorting.git
   cd array-visualizer-sorting

2. Install dependencies (if applicable)

   npm install

3. Run locally

   npm run dev
   

Usage

1. Open the application in your browser.
2. Select the desired sorting algorithm.
3. Adjust the array size and sorting speed to your preference.
4. Click "Visualize" to see the sorting process animated.
5. Pause, resume, or reset as needed to experiment with different settings.

Supported Sorting Algorithms

• Bubble Sort
• Selection Sort
• Insertion Sort
• Merge Sort
• Quick Sort
• (Add or remove algorithms as implemented)

Enjoy exploring sorting algorithms visually!