Cardio Zone Trainer (2D)
Interactive 2D heart-rate zone simulator: a runner circles a five-zone training ring while a pulsing heart tracks live BPM. Tune effort, interval work/rest timing and age (max HR) to see how heart rate rises, recovers and burns calories in real time.
This simulator models how heart rate actually behaves during cardiovascular exercise: it chases a target set by effort rather than snapping to it, rising faster than it recovers, exactly like a real cardiovascular response. A runner circles a five-zone training ring — colored from easy green through max-effort red — speeding up as simulated heart rate climbs, while a pulsing heart shape beats in sync with the live BPM. Switch between steady-state pacing and interval (HIIT) mode, which swings effort between hard work and easy recovery on a repeating cycle, and watch how each strategy moves the runner through different zones and accumulates calories differently over the same session.
Interactive 2D heart-rate zone simulator: a runner circles a five-zone training ring while a pulsing heart tracks live BPM. Tune effort, interval work/rest timing and age to see how heart rate rises, recovers and burns calories in real time.
2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install