Home▸Molecular Biology▸Interactive DNA Helix Model (2D)

Interactive DNA Helix Model (2D)

2D companion to the 3D DNA helix model: the same rise-per-base-pair and twist-angle formulas driving a rotating sinusoidal double helix, with real complementary A-T / G-C base pairs and adjustable base-pair count, twist rate, rotation speed and zoom.

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

This 2D companion projects the 3D DNA helix model's own geometry onto a flat canvas rather than reskinning it: each base pair sits at height i × 0.34 nm along the helix axis and at azimuthal angle i × twist × (π/5.2) around it, exactly the rise-per-base-pair and twist-angle formulas the 3D engine uses, so dropping the depth axis and shading by it still produces a recognisably rotating double helix. Every rung is a real complementary base pair — adenine always opposite thymine, guanine always opposite cytosine — drawn back-to-front by depth for a simple pseudo-3D read, while a live panel tracks helix length, twist angle per base pair, completed rotations and GC content as the base-pair count, twist rate, rotation speed and zoom sliders are adjusted.

⚙ Under the hood

2D projection of the 3D DNA helix model driven by the same rise-per-base-pair and twist-angle formulas, with real complementary A-T / G-C base pairs and a live readout of helix length, twist, rotations and GC content.

DNA helixbase pairingtwist anglerise per base pairWatson-Crickmolecular biology

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

What did you find?

Add reproduction steps (optional)