Sorting Visualizer

Interactive sorting visualizer built with React, Vite, TypeScript, and ShadCN UI.
Allows users to input their own numbers and watch different sorting algorithms animate step by step.

Showcase can be seen online: https://algo-visualizer.andrejkesten.dev

Features

• Visualize popular sorting algorithms:
  • Bubble Sort
  • Selection Sort
  • Insertion Sort
  • Merge Sort
  • Quick Sort
  • Heap Sort
• Enter custom numbers via input field.
• Highlight elements being compared or swapped.
• Simple and responsive UI using ShadCN components.
• Play button to control the animation.

Tech Stack

• React + Vite
• TypeScript
• ShadCN UI (for buttons, inputs, labels)
• TailwindCSS
• Plain JavaScript logic for sorting algorithms with async visualization

Usage

1. Clone the repository:

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