Thermal camera view
Heat silhouettes walk across an infrared image with a temperature scale and a marker that tracks the hottest spot, on canvas.
Settings
Code
<div class="pt-uvq16-thermal"><canvas></canvas><i class="hud"></i><i class="sc"><b>38°</b><b>18°</b></i><i class="mk"><b class="rd">36.0°C</b></i></div>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Backgrounds
See all BackgroundsWhere to use it
An infrared camera feed recreated in a few lines of code. A low resolution heat field sums soft shapes for three people walking, a lamp, a hot mug and a cold window, and every value is mapped through a five step palette from near black to white. A camera style frame, a scale bar and a crosshair that jumps to the hottest point complete the look.
The three colors are the middle stops of the palette, so you can go from classic ironbow to rainbow or a single hue. Density changes the size of the figures. Your pointer is a warm hand that shows up on the image. Great for security, hardware, energy and health tech.