HomeGenetics & EvolutionChromatin Structure & DNA Packaging

Chromatin Structure Simulator

Interactive 3D chromatin packaging simulator: morph DNA through four packing levels — bare double helix, nucleosome beads-on-a-string, the 30-nm solenoid fibril and the mitotic chromosome — with real compaction ratios, then toggle euchromatin vs heterochromatin to see gene accessibility change.

Genetics & Evolution3DModerate60 FPS
chromatin-structure ↗ Open standalone

DNA does not float loose inside a nucleus — it is wound, coiled and re-coiled through a hierarchy of packaging levels so that roughly two metres of double helix fits inside a compartment a few micrometres wide. This simulator morphs a single simulated strand through that hierarchy: a bare double helix wraps into nucleosome "beads on a string", the beaded chain coils into the 30-nm solenoid fibril, and the fibril condenses further into a mitotic-chromosome-like rod, with the real approximate compaction ratio shown at each stage. A second control switches the same fibril between open euchromatin and densely packed heterochromatin, and tracks how that switch changes whether a marked gene locus stays reachable by the transcription machinery or gets buried out of reach — a simplified but concrete picture of epigenetic gene silencing.

⚙ Under the hood

Morph DNA through four packaging levels — bare double helix, nucleosome beads-on-a-string, the 30-nm solenoid fibril and the mitotic chromosome — with real compaction ratios shown at each stage, then toggle euchromatin vs heterochromatin to see how packing density blocks or exposes a marked gene locus to transcription.

Three.jschromatinnucleosomehistoneDNA packagingepigeneticsgenetics

3D · Three.js / WebGL renderer · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)