Overview
Thermal Vitals Dashboard is a full screen telemetry interface built around a thermal face scan. An anonymous, non identifiable figure fills the whole stage, with only the face shown as a smooth heat relief in an ironbow palette, and dark glass cards float around it. It includes a heat scale from 31.8 °C to 38.4 °C, pulse and breathing rate cards, a Thermal Pulse wave chart with average pulse, HRV and peak temperature, a Thermal Load gauge from cold stress to heat stress, metabolic rate, skin gradient, a symmetry ring, core temperature, a recording timeline with play, pause and 1x to 3x speed, and a Sensor Configuration card whose heat palette switch recolors the face and the scale in Ironbow, Arctic or White hot. The Thermal Scan button re-maps the face from zero to 100%. Every reading is sample data, ready to swap for your own device or API. On load the face fades up, the cards arrive in sequence, the numbers count up and the timeline clock spins to its position. Five landmark squares travel across the face while the mapped percentage climbs, and they never stop: they keep drifting and re-sampling nearby spots in an endless loop. Visitors with reduced motion turned on see the final values with the landmarks at rest. Built with plain HTML, CSS and JavaScript, no build step and no framework. The download includes a buyer README, credits, and AGENTS.md plus CLAUDE.md so Claude Code or Codex can extend it or port it to your stack.
Highlights
- Production-ready, documented source
- Clean, componentized architecture
- Drops into your stack with minimal setup
