Home▸Genetics & Evolution▸DNA Double Helix (2D)

DNA Double Helix (2D)

Flattened 2D companion to the 3D DNA double helix: a scrolling ladder diagram of two antiparallel sugar-phosphate backbones joined by correctly paired A-T and G-C rungs, with adjustable rotation speed and a base-pulse toggle.

Genetics & Evolution2DEasy60 FPS📱 Mobile-adapted⇄ 3D version
2d-3d-dna ↗ Open standalone

This flattened companion to the 3D DNA double helix simulator draws the same molecule as a scrolling ladder diagram: two antiparallel sugar-phosphate backbones traced as out-of-phase sinusoids, joined by rungs that represent real nitrogenous base pairs. Each rung is generated from an actual base sequence and split into two correctly complementary halves — adenine always opposite thymine, guanine always opposite cytosine — so the colors on screen reflect genuine Watson–Crick base-pairing rules rather than a random per-rung choice. Rotation speed, auto-rotation and a base-pulse effect mirror the controls on the 3D version.

⚙ Under the hood

A flattened 2D companion to the 3D DNA double helix: a scrolling ladder diagram of two antiparallel backbones joined by rungs generated from a real base sequence, correctly paired A-T and G-C, with adjustable rotation speed and a base-pulse toggle.

DNAdouble helixbase pairingnucleotideWatson-Crickgeneticsmolecular biology

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

What did you find?

Add reproduction steps (optional)