Vismo · Create · Explore · Topics · Guides · Pricing

Merge Sort Visualized Step By Step

An 8-element array [38, 12, 27, 43, 9, 31, 18, 25] is recursively split into smaller groups down to single numbers, then merged back together in sorted order. Smooth box animations show elements moving and comparing during each merge, with highlights marking correct placements. The final sorted array [9, 12, 18, 25, 27, 31, 38, 43] appears at the end. Useful for computer science students learning divide-and-conquer sorting algorithms without reading code.

16:9 · Preview before teaching · automatic layout checks do not establish subject accuracy

The prompt that made it

Create a clean educational animation showing Merge Sort being performed visually on exactly 8 array elements. Start with an input screen showing: [38] [12] [27] [43] [9] [31] [18] [25] Then visually demonstrate the array being split into smaller groups, down to individual elements. After that, animate the groups being combined back together in sorted order. Show the numbers moving smoothly between groups during the merging process. Highlight the numbers being placed into their correct positions. Make the animation easy to follow without showing any programming code, pseudocode, or technical algorithm text. At the end, display the final sorted array prominently: [9] [12] [18] [25] [27] [31] [38] [43] Use modern educational graphics, clear number boxes, smooth transitions, arrows connecting groups, subtle animations, and a clean background. The video should focus entirely on the visual transformation of the array. Do not display source code or explain the algorithm with paragraphs. Duration: 20–30 seconds. Format: 16:9. Style: professional computer-science educational animation.

Make your own version

Make the next one in this series

Related animations

How A Perceptron Makes A Decision
How A Perceptron Makes A Decision

This animation visualizes a single perceptron processing weighted inputs, summing them with a bias, and passin…

From logic gates to arithmetic: the half adder
From logic gates to arithmetic: the half adder

This animation shows how a half adder circuit uses an XOR gate to compute the sum bit and an AND gate to compu…

Minimum spanning tree with Kruskal's algorithm
Minimum spanning tree with Kruskal's algorithm

A weighted graph is processed by sorting all edges from cheapest to most expensive, adding each one only if it…

Fibonacci: the recursion tree repeats work; memoisation removes it
Fibonacci: the recursion tree repeats work; memoisation removes it

This animation draws the full recursion tree for fib(5), showing all 15 calls and highlighting the repeated su…

Recursion on the call stack: 5! unwinds
Recursion on the call stack: 5! unwinds

This animation visualizes fact(5) as it pushes five stacked frames, one for each recursive call, until reachin…

Binary search tree: smaller left, larger right
Binary search tree: smaller left, larger right

Values 50, 30, 70, 20, 40, 60, 80, and 35 are inserted one at a time into a binary search tree, with each comp…