Track & Visualize

Insertion Sort

Choose Your Learning Path

How would you like to learn today? Visualize algorithms in real time, explore them step by step through reading, or challenge yourself with a test.

🧠 Active Learning

Visualize the algorithm step-by-step with interactive animations. See exactly how the code executes in real time.

šŸ“– Passive Learning

Read comprehensive problem explanation, reference links, and explore the code at your own pace.

šŸŽÆ Mandatory Challenge

Drag and arrange the algorithm steps in the correct execution order.

Understanding Insertion Sort
Detailed explanation and reference materials
Problem Overview

Problem: Insertion Sort

Insertion Sort is a simple and intuitive sorting algorithm that builds the final sorted array one element at a time. It is particularly efficient for small or nearly sorted datasets.


How It Works

  1. Initialization
    Assume the first element of the array is already sorted.
  2. Iteration
    Starting from the second element, pick the current element (key) and compare it with the elements in the sorted portion (to its left).
  3. Shifting Elements
    Shift all elements in the sorted section that are greater than the key one position to the right.
  4. Insertion
    Insert the key into its correct position in the sorted section.
  5. Repeat
    Repeat the process for each element until the entire array is sorted.

Pseudocode

plaintext
for i = 1 to length(array) - 1:
    key = array[i]
    j = i - 1

    while j >= 0 and array[j] > key:
        array[j + 1] = array[j]
        j = j - 1

    array[j + 1] = key

Time Complexity

  • Best Case: O(n) when the array is already sorted.
  • Average/Worst Case: O(n²) due to the nested loop in the worst scenario.

Categories
searching-&-sorting
arrays
java
Reference Link
https://drawtocode.org/problems/insertion-sort
Starter Code
Test, modify, or copy the starter code. Click "Visualize" to import into the canvas.

Loading component...

Java
Output:
Understood Algorithm , Test Me now šŸŽ®
JUMP INTO VISUALIZATION
Watch algorithms run step by step.

Follow every state change, comparison, and transformation as the execution unfolds in real time, so you understand not just the result, but the journey.

JUMP INTO VISUALIZATION
Watch algorithms run step by step.

Follow every state change, comparison, and transformation as the execution unfolds in real time, so you understand not just the result, but the journey.

🧠 Logic Puzzle
Arrange the Algorithm Correctly 🧩

The algorithm is divided into three logical parts. Carefully rearrange each section in the correct order to form a complete and valid solution.

Understand Below Algorithm

Don't Know Current Algorithm ? Ā 

Green text means the instruction is placed in the correct position.

Red text means the instruction is in the wrong position.

Block Colors

Instructions with the same background color indicate particular blocks start and end.

A tick mark means the instruction is correct and locked.

šŸ”’ Locked steps cannot be moved. Only unlocked steps are draggable.

šŸ”Š Enable sound for swap feedback and completion effects.

Ā© 2026 | Privacy Policy | About