About this simulation
This interactive 3D model renders a B-form DNA double helix entirely in your browser using WebGL shaders. Two sugar-phosphate backbones coil in antiparallel directions โ one running 5โฒโ3โฒ, the other 3โฒโ5โฒ โ held together by hydrogen-bonded base pairs spanning the interior like rungs on a ladder. Each coloured rung shows a complementary pair: Adenine (A) always bonds with Thymine (T) via 2 hydrogen bonds, while Guanine (G) always bonds with Cytosine (C) via 3, following the Watson-Crick-Franklin model published in 1953.
๐ฌ What it shows
The simulation renders up to 60 base pairs with accurate antiparallel strand geometry. The stat panel calculates the real-world approximate length using the canonical 0.34 nm rise per base pair and the standard ~10.5 base pairs per full helical turn. Backbone strands are cyan and indigo; base-pair rungs are colour-coded by nucleotide identity in the default "By base" mode.
๐ฎ How to use
Drag to orbit; scroll to zoom. Use the Base pairs slider (10โ60) to grow or shorten the molecule. Helix radius and Turns let you distort the geometry to see how pitch and diameter are related. Crank Rotation speed to zero to freeze the helix, or try Rainbow colour mode for a height-gradient view. Hit Randomise sequence to shuffle the nucleotide order and watch the rung colours change instantly.
๐ก Did you know?
Real human DNA contains roughly 3.2 billion base pairs per haploid genome, totalling about 2 metres of double helix packed into a nucleus just 6 ยตm across. The information content is encoded entirely in the sequence of A, T, G, C bases โ the backbone is structurally identical along the entire molecule. The three-bond G-C pair is slightly stronger than A-T, which is why G-C-rich regions resist thermal denaturation at higher temperatures.
Frequently asked questions
Why are the two DNA strands described as "antiparallel"?
Each strand has a chemical directionality defined by its sugar-phosphate backbone: one end has a free 5โฒ phosphate group, the other a free 3โฒ hydroxyl. In the double helix the two strands run in opposite directions โ one 5โฒโ3โฒ upward, the other 5โฒโ3โฒ downward. This antiparallel arrangement is required for the complementary bases to face inward and form hydrogen bonds at the correct geometry. You can visualise it here by noting that both backbone chains spiral in the same rotational sense but are offset by half a turn (ฯ radians), placing each backbone node directly opposite its partner.
What controls the number of base pairs per helical turn?
In the canonical B-form helix found in most cells under physiological conditions, there are approximately 10.5 base pairs per full 360ยฐ turn, giving a helical pitch of about 3.57 nm (10.5 ร 0.34 nm). This number is not fixed: torsional stress introduced by topoisomerases or proteins can overwound or underwound DNA, changing the twist. In the simulator the Turns slider lets you freely explore different twist densities โ try setting 60 base pairs and 6 turns to approximate the real B-form ratio, or reduce turns to model an underwound, open state.
Why does G-C pairing involve 3 hydrogen bonds while A-T uses only 2?
The chemical structures of guanine and cytosine each present three complementary donor/acceptor sites when aligned in the Watson-Crick geometry: a donor-acceptor-donor pattern on one base perfectly matches an acceptor-donor-acceptor arrangement on the other, forming three hydrogen bonds. Adenine and thymine can only align two compatible sites. The extra bond makes G-C pairs roughly 30โ40% stronger, so DNA regions rich in G-C require more energy โ and higher temperature โ to separate the strands, a property exploited in PCR primer design and genome stability analysis.
What does the "Randomise sequence" button actually change?
Clicking Randomise sequence generates a new random array of A, T, G, C bases for strand 1, then automatically assigns each position's complement (AโT, GโC) to strand 2, preserving strict base-pairing rules. The 3D geometry of the backbone is unchanged โ only the colour-coded rung identities update. In "By base" colour mode you will immediately see the new distribution of red (A), green (T), blue (G), and yellow (C) rungs. Switching to Rainbow or Mono mode hides the base colours so you can study helical geometry without the sequence colouring.
How accurate is the scale shown in the stats panel?
The simulator uses the real biochemical value of 0.34 nm per base pair to calculate the "Approx length" figure in the stats panel, so for 30 base pairs it correctly reports 10.2 nm โ consistent with crystallographic data for B-form DNA. The 3D rendering is scaled up for visibility (approximately 3ร the physical size), so the on-screen model is not proportional to the actual molecule; the stat readout is. The helix radius in real B-DNA is about 1 nm, so the default slider value of 1.0 provides a reasonable starting approximation of the true diameter.