Skip to content

PawanTheCoder/insertion-sort-visualizer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

2 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🧠 Insertion Sort Visualizer

A frontend-based web application to visualize the working of the Insertion Sort algorithm.
It helps users see how insertion sort works under the hood by providing a dynamic and interactive interface.


πŸ“Έ Preview

image

πŸš€ Features

  • πŸ‘¨β€πŸ’» Dynamic array input (up to 6 elements)
  • 🎨 Random pastel colors for each array index
  • πŸŒ“ Light/Dark theme toggle
  • 🧩 Step-by-step sorting animation
  • πŸ“± Responsive UI (works on desktops & laptops)

πŸ› οΈ Tech Stack

  • HTML5
  • CSS3
  • JavaScript (Vanilla)

πŸ’‘ How It Works

  1. User enters the size of the array (1 to 6).
  2. Enters values inside input boxes.
  3. Hits "Submit array".
  4. Application performs Insertion Sort step-by-step and displays how elements are shifted/sorted in each iteration.

πŸ§ͺ How to Run Locally

git clone https://github.com/PawanTheCoder/insertion-sort-visualizer.git
cd insertion-sort-visualizer
open index.html in browser

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published