TEC-Bridge Logo

Insertion Sort Visualizer

STEM Interactive Visual Learning Program at TEC-Bridge AI

Setup Array

Sort Controls

Array Visualization

Algorithm Steps

How to Use

  1. Setup: Enter numbers separated by commas or click "Random" to generate an array
  2. Sort: Click "Start Sort" to begin the insertion sort process
  3. Step Through: Click "Next Step" to see each step of the algorithm execution
  4. Run Through: Click "Run Through" to automatically execute all steps in sequence
  5. Observe: Watch the array elements change colors and algorithm steps highlight on the right
  6. Reset: Click "Reset" to start over with a new sort

Colors: Yellow = Current element, Purple = Insert element, Red = Left element, Blue = Comparing, Green = Sorted

Insertion Sort Concept

Insertion Sort is a sorting algorithm that builds the sorted array one element at a time by inserting each element into its correct position among the previously sorted elements.

How it works:

  • Start with second element as current
  • Compare current element with elements to its left
  • Shift larger elements to the right
  • Insert current element in correct position
  • Move to next element and repeat

Time Complexity: O(n²) - compares with sorted portion

Insertion Sort Code Implementation

Rate This Learning Tool

Clarity of Visualization:
Interactivity:
Educational Value:
Performance:
Intuitivity & Usability:
Overall Evaluation:

© 2025 TEC-Bridge AI. All rights reserved. | Contact: contact@tec-bridge.ai | https://tec-bridge.ai