What does this simulation model?

The heart contracts through a two-bump "lub-dub" pulse cycle timed by the heart-rate slider; that same pulse scales the heart's outline and drives how fast blood-cell dots move around several closed vessel loops, exactly mirroring the flow-speed formula used in the 3D original.

How is this different from the 3D version?

It runs the identical Gaussian pulse and flow-speed mechanics through a flat top-down Canvas2D view instead of an orbiting Three.js scene, with sliders for heart rate, vessel-loop count, cells per vessel and base flow speed.

Home▸Physics & Mechanics▸Heart and Circulation (2D)

❤️ Heart and Circulation (2D)

A top-down pulse-and-flow model: the heart contracts in a lub-dub cycle timed by a heart-rate slider, and that same pulse speeds up blood cells streaming around the vessel loops.

Physics & Mechanics2DModerate60 FPS📱 Mobile-adapted⇄ 3D version

This 2D companion drives the same "lub-dub" Gaussian pulse cycle as the 3D original in a flat top-down view: a control panel exposes heart rate, vessel-loop count, cells per vessel and base flow speed, and a live readout tracks elapsed time, beat count, pulse phase and the current flow-speed multiplier as blood-cell dots stream around the vessel loops, accelerating sharply with every beat.

⚙ Under the hood

The heart's contraction is two Gaussian "bump" functions summed over the beat cycle (a fast "lub" and a smaller "dub"), scaling both the heart's outline and the flow speed of blood cells travelling along parametric vessel loops — the same formulas the 3D engine uses to drive its beat and flow.

Circulatory SystemPressure GradientsBlood Flow

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