============================================================= */ /* hard guarantee: nothing can ever paint outside the tool card */ .tool-shell{overflow:hidden;} /* grid items may shrink below their content (fixes the classic grid-blowout that pushed the canvas out) */ .tool-grid > *{min-width:0;} .cell-stage{min-width:0;} .cell-side{min-width:0;} .org-index{min-width:0;} #orgList{overflow-x:hidden;} .oi-row .nm{min-width:0;} .t-go-row > button{min-width:0;} /* the canvas is now ALWAYS a perfect square, capped at 540px, and can never be wider than its column — centered in the card */ .cell-canvas{ width:100%; max-width:540px; max-height:none; margin:0 auto; aspect-ratio:1/1; } /* labels row can wrap on very narrow screens instead of forcing width */ .spec-label{flex-wrap:wrap;} /* smaller cap on phones */ @media (max-width:640px){ .cell-canvas{max-width:420px;} }

BIOLOGY · INTERACTIVE TOOL

Interactive Meiosis Diagram

Step through every stage of meiosis — from one diploid cell to four genetically different gametes. Click, drag and zoom a living diagram that shows crossing over happening in colour.

UPDATED · 2025
01 — THE DIAGRAM

One cell in, four gametes out

Press play to watch the whole sequence, or jump to any stage below the diagram. Click chromosomes, spindle fibers and cell structures to inspect them — drag to pan, scroll or pinch to zoom in on the action.

BEFORE MEIOSIS · INTERPHASE STAGE 1 / 9
100%
STAGE 1/9 — Interphase

Click any structure to inspect it · drag to pan · scroll or pinch to zoom

I MEIOSIS I — REDUCTION II MEIOSIS II — EQUATIONAL
CLICK ANY ROW TO JUMP TO THAT STAGE
02 — HOW TO READ IT

The visual language of the diagram

Every colour and shape in the diagram carries meaning. Learn these eight and you can read any meiosis diagram in any textbook.

Amber chromosomes

The homolog inherited from one parent. Every pair in the diagram has exactly one amber member.

Coral chromosomes

The matching homolog from the other parent — same genes, often slightly different versions.

Two-tone tips

A chromatid patched by crossing over — its tip came from the partner homolog. Recombination in a single glance.

Centromere dot

The waist where sister chromatids are pinned together — and where the spindle grabs. It splits only in meiosis II.

Teal threads

Spindle microtubules. The stronger lines are kinetochore fibers that grip chromosomes; the faint ones are the framework.

Dashed ring

The nuclear envelope — solid when intact, dashed when it is dissolving (prophase) or rebuilding (telophase).

Dashed centre line

The metaphase plate — the invisible equator where chromosomes queue before being pulled apart.

Crossed batons

Centriole pairs inside each centrosome — the anchor points that become the spindle's two poles.

03 — THE TWO DIVISIONS

Meiosis runs the same movie twice

Division I pulls matching pairs apart and halves the chromosome number. Division II splits the remaining copies. Click any stage to see it live in the diagram above.

BEFORE MEIOSISone cell, everything gets copied
01

Interphase the quiet setup

The cell grows and every DNA molecule is replicated. Each chromosome is secretly two sister chromatids already — it just cannot be seen through the loose chromatin.

MEIOSIS Ithe reduction division — homologs separate, 2n → n
02

Prophase I the long prophase

Chromosomes condense, homologs pair into tetrads, and crossing over trades tips between non-sister chromatids while the nuclear envelope dissolves. Prophase I itself has five substages — more than all the other stages combined.

03

Metaphase I the coin flip

Tetrads line up at the equator, each pair randomly oriented. Which homolog faces which pole is independent for every pair — this is independent assortment, and it shuffles the deck before a single chromosome moves.

04

Anaphase I the great separation

Homologs are pulled to opposite poles. Crucially, centromeres stay whole — each chromosome travels as a pair of sister chromatids. The chromosome number is halved at this exact moment.

05

Telophase I two cells, half the chromosomes

Nuclear envelopes re-form and the cell pinches in two. The daughters are haploid — one chromosome from every pair — but each chromosome is still doubled, waiting for round two.

MEIOSIS IIthe equational division — chromatids separate, n → n
06

Prophase II instant replay

No rest, no DNA copying, no interphase II. Chromosomes re-condense and fresh spindles assemble in both cells — usually at right angles to the first, giving meiosis II its classic staggered look.

07

Metaphase II the mitosis lookalike

Single chromosomes — not pairs — align on new equators, sister chromatids facing opposite poles. It looks exactly like mitosis, except each cell only holds half the deck.

08

Anaphase II the final split

Centromeres split at last and sister chromatids become true chromosomes, pulled to opposite ends — the recombinant ones carrying their brand-new tips with them.

09

Telophase II four ways different

Four haploid cells, each genetically unique: two parental types and two carrying chromosomes rebuilt by crossing over. In animals these become sperm or eggs; in plants, spores or gametes.

04 — WHY IT MATTERS

The point of all this shuffling

Meiosis is not just division — it is biology's variation engine. Three mechanisms stack on top of each other, and every one of them is visible in the diagram above.

Halving

2n → n

Fertilisation merges two cells, so each must arrive carrying half the set. Meiosis drops 46 to 23 chromosomes in humans — the zygote ends up with exactly one set from each parent, generation after generation.

Shuffling

2²³ ≈ 8.4 million

Independent assortment: each of the 23 pairs independently decides which homolog goes to which gamete. That is over 8 million possible gametes from one person — before crossing over is even counted.

Recombination

8.4M × 8.4M

When any sperm can meet any egg, chromosome combinations exceed 70 trillion — more than every human who has ever lived. And that still ignores crossing over, which rebuilds the chromosomes themselves.

05 — FAQ

Questions, answered

Everything students usually ask about this meiosis diagram — and the stage it happens in.

How do I use the interactive meiosis diagram?+

Press play to run the whole sequence automatically, or tap any stage chip to jump straight there. Click any structure — chromosomes, spindle fibers, the cleavage furrow — to see what it does, and drag, scroll or pinch to move around and zoom.

What stages of meiosis does the diagram show?+

Nine in order: interphase, then the four stages of meiosis I (prophase I, metaphase I, anaphase I, telophase I) and the four stages of meiosis II (prophase II, metaphase II, anaphase II, telophase II), ending with the four haploid gametes.

What's the difference between meiosis I and meiosis II?+

Meiosis I separates homologous chromosome pairs — one of each pair goes to each cell, halving the chromosome number (2n to n). Meiosis II then splits the sister chromatids, much like mitosis, but in cells that already carry only one set.

What is crossing over, and where can I see it?+

Crossing over happens in prophase I, when paired homologs trade chromosome tips at points called chiasmata. In the diagram, watch an amber tip appear on a coral chromatid and vice versa — those two-tone chromatids then travel into two of the final gametes.

Why do the chromosomes have two colors?+

Amber marks the homolog inherited from one parent and coral the homolog from the other. Two-tone tips are chromatids rebuilt by crossing over. The colors let you follow every chromosome's journey through both divisions.

How is meiosis different from mitosis?+

Mitosis copies once and divides once, producing two genetically identical diploid cells. Meiosis copies once but divides twice, producing four haploid gametes — and it shuffles genes first through crossing over and independent assortment.

Does this show human cells exactly?+

No — it is a stylized animal cell with only two chromosome pairs (2n = 4) so every structure stays visible. Human cells have 23 pairs and go through the same nine stages, and egg production divides the cytoplasm unequally, keeping only one large gamete.

Can I use this on my phone or tablet?+

Yes. Tapping selects a structure, dragging pans the view, and pinching zooms in or out — the diagram behaves the same with touch as it does with a mouse.

Is the tool free to use, and does it upload anything?+

It is completely free with no sign-up and no limits, and it runs entirely in your browser. Nothing you click, zoom or explore is ever sent to a server or stored.