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.
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.
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.
2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install