← Back to projects
Website Project

Biology Learning Website

A single home for the biology builds: Scale of Life, cell biology simulators, DNA structure tools, replication study, anatomy, and physiology. The homepage now points here instead of scattering those pieces across separate project cards.

Consolidated here: all biology-facing study modules stay discoverable while the portfolio grid stays tighter.
Biology Website Map
Primary surface Scale of Life

A scroll-driven 3D magnitude study from human anatomy down to atomic scale.

Study modules Cell and DNA tools

Cell transport, base pairing, phosphodiester bonds, and replication live in one biology cluster.

Portfolio role One biology project card

The homepage now treats biology as a consolidated website project instead of a row of separate cards.

This page keeps the existing biology demos intact while creating one canonical place to grow the biology website over time.
Scale

Scale of Life

Scroll through biological orders of magnitude from human body to organ, tissue, cell, organelle, protein, and atom.

Open module →
Cell Biology

The Cell

BILD 1-aligned interactive simulators for membranes, energy, gene expression, and cell division.

Open module →
Biochemistry

DNA Base Memorizer

Nucleobase structure and hydrogen-bond identification practice for fast recall.

Open module →
Biochemistry

Phosphodiester Lab

A sugar-phosphate backbone and DNA polymer builder for learning directional bonds.

Open module →
Replication

DNA Replication Study

Replication fork enzymes, strand direction, bonds, and concept drills in one study surface.

Open module →
Physiology

CardioCycle Explorer

A cardiac cycle visualizer that ties ECG timing, Wiggers curves, pressure, volume, and valve state together.

Open module →
Anatomy

AtlasFold

A 3D anatomy study workspace concept for spatial review and structure-first learning.

Open module →
Interactive Biology Study

Scale of Life

Scroll from a full human figure down through organ, tissue, cell, organelle, protein, and atom. The section is built as a continuous biological magnitude study, so the page itself becomes the zoom control.

Human to atom 3D scroll narrative Biology learning
FIG. 01 / SCALE OF LIFE
A scroll through biological orders of magnitude
Scroll the page to zoom from anatomy down to the atomic scale.
Section 01 / 07
Scale 1.7 m
Field ANATOMY
STOP 01
Human
Homo sapiens
Diameter 1.7 m · order 10^0
000 / 100
Scroll to zoom in

Built With

HTML/CSS JavaScript Three.js Canvas Study UX

Consolidation Goal

The homepage now has one biology website project card. This page becomes the landing point for new biology modules instead of adding another top-level portfolio tile each time.

Next Growth Path

  • Add a shared biology navigation layer across the module pages
  • Standardize module intros, progress states, and launch links
  • Move future biology demos into this website surface first