Vismo · Create · Library · 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 · every frame verified for overlaps, spacing and edges before rendering

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

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…

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…

Hash tables: a formula decides where each key lives
Hash tables: a formula decides where each key lives

Seven buckets receive keys according to key mod 7, with collisions stacked as chains beneath each bucket. A lo…

Big-O: how running time grows with the input
Big-O: how running time grows with the input

This animation plots O(1), O(log n), O(n), O(n log n), O(n^2), and O(2^n) on shared axes, showing how each cur…

Linear search vs binary search: count the comparisons
Linear search vs binary search: count the comparisons

This animation compares two ways to find the value 51 in a sorted list of 16 numbers. Linear search checks eac…

Quicksort: pick a pivot, partition, recurse
Quicksort: pick a pivot, partition, recurse

This animation walks through the Lomuto partition method used in quicksort, choosing the last element as pivot…