ThermaLab is a virtual heat-transfer lab for exploring conduction, convection, and radiation interactively. It lets you adjust values, see formulas with substituted data, scientific charts, animated SVG diagrams, practice history, and result export.
My role
I designed and built the lab as an educational tool: I organized the physical phenomena into manipulable experiences and connected each control to formulas, visualizations, and readable results.
Key decision
The priority was to make the reasoning visible, not only to deliver a number. Each simulation therefore shows the values substituted into the formula, the charted behavior, and an animated representation of the phenomenon.
What it includes
- Conduction: a simple wall, stacked layers, and how much each material slows heat.
- Convection: exchange between a plate and a fluid, natural and forced.
- Radiation: black body, real surfaces, and emissivity.
- Catalog of materials, fluids, and surfaces with real physical properties.
- Charts with Recharts and animations with Framer Motion.
Result
ThermaLab became a working open application that brings conduction, convection, and radiation into one lab. The code is published and the demo can be tried in the browser.
Stack
- React 18 + Vite 8 + TypeScript
- Tailwind CSS
- recharts, framer-motion, lucide-react
Links
- Repository: github.com/grismaldo/thermalab
- Demo: thermalab.vercel.app

