Home▸Molecular Biology▸DNA Helix Structure (2D)

DNA Helix Structure (2D)

Interactive 2D companion to the 3D DNA helix: a structural ladder diagram with real base-pairing rules (A-T two H-bonds, G-C three H-bonds), click-to-mutate base pairs, an unwind slider, and live major/minor groove geometry at 10.5 bp per turn.

Molecular Biology2DEasy60 FPS📱 Mobile-adapted⇄ 3D version
2d-3d-dna-helix ↗ Open standalone

This flattened companion to the 3D DNA helix simulator renders the same double-helix structure as a scrolling ladder diagram: two antiparallel sugar-phosphate backbones traced as out-of-phase sinusoids, offset asymmetrically so the wider gap on one side reads as the major groove and the narrower gap on the other as the minor groove, matching real B-DNA geometry of about 10.5 base pairs and 34 angstroms per full turn. Every rung is built from an actual generated base sequence and split into two correctly complementary halves under Watson-Crick pairing — adenine always opposite thymine with two hydrogen bonds, guanine always opposite cytosine with three — and clicking any individual rung mutates just that base pair while live counters track total base pairs, GC content and total hydrogen bonds. An unwind slider progressively flattens the helix into an open ladder the way helicase unwinds DNA ahead of replication, and speed, theme and pause controls mirror the 3D version.

⚙ Under the hood

A flattened 2D companion to the 3D DNA helix simulator: a structural ladder diagram of the double helix with real Watson-Crick base pairing, click-to-mutate base pairs, an unwind slider, and major/minor groove geometry matching the real 10.5 base pairs and 34 angstroms per turn.

DNA helixbase pairingWatson-Crickmajor grooveminor groovehydrogen bondsmolecular biology

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)