Interactive Biology Visualizations
Hard-to-picture biology, brought to life. Each page is a hands-on, animated diagram built in JavaScript — press play, slow it down, trigger the process yourself, and watch how a part of the human body actually works, with live readouts in real units. Made for students, patients, and the curious.
Twelve systems — pick one below and everything moves.
Mitochondria & ATP
Watch electrons flow through the electron transport chain, protons get pumped, and the ATP-synthase motor spin as your cells make energy — then block Complex IV with cyanide and see the whole chain stall.
Launch animation →DNA → Protein
Unzip DNA in the nucleus, transcribe it into mRNA, then step codon by codon as the ribosome matches tRNA anticodons and links amino acids into a protein.
Launch animation →The Heart & Circulation
Trace a blood cell through all four chambers and both circuits, changing colour from blue to red in the lungs — with a live ECG, chamber pressures, and an exercise mode.
Launch animation →Breathing & Gas Exchange
Move the diaphragm, fill the alveoli, and watch oxygen diffuse into the blood while carbon dioxide leaves — with live pO₂/pCO₂ meters and an exercise mode.
Launch animation →Blood Sugar & Insulin
Eat a meal and watch insulin escort glucose into cells, the liver bank glycogen, and the blood-glucose curve rise and fall — then switch on insulin resistance.
Launch animation →Nerve Impulse
Fire an action potential and watch it race down the axon — sodium rushing in, potassium out, a live voltage trace spiking, and neurotransmitter crossing the synapse.
Launch animation →Vision & the Retina
Focus light through the lens onto an inverted retinal image, then follow the phototransduction cascade as rods and cones react — dim the lights and watch the eye adapt.
Launch animation →Hearing & the Cochlea
Send a sound wave through the eardrum and ossicles into the cochlea, and slide the frequency to see the traveling wave peak land on its tonotopic place.
Launch animation →Muscle Contraction
Release calcium, expose the actin binding sites, and watch myosin heads ratchet through the cross-bridge cycle to slide the filaments and shorten the sarcomere.
Launch animation →Digestion
Send a meal down the tract and watch enzymes and acid break carbs, protein and fat into absorbable units — with a pH meter that shifts from stomach to intestine.
Launch animation →Kidney Nephron
Follow blood into the glomerulus and see filtration and reabsorption turn 180 litres of filtrate into urine — then toggle dehydration or diabetes and watch it change.
Launch animation →Immune Response
Inject a pathogen and watch innate cells swarm, T cells activate B cells, and antibodies rise — then vaccinate and compare the fast, strong secondary response.
Launch animation →Why animated?
Textbook diagrams freeze a moving process into a single still frame — and biology is almost never still. Energy production, blood flow, filtration, and nerve signals are all processes, defined by what moves where and when. These visualizations let you press play, slow the speed down, and see cause and effect unfold, which is how the brain actually builds an intuition for a mechanism. More visualizations are added over time.