JavaScript Heatmap Visualization

An interactive, dependency-free heatmap experiment built with the Canvas 2D API. It turns pointer and touch movement into a CPU-rendered color field in real time.

Open the live demo

Explore the interaction

Move your pointer across the visualization—or touch the screen on a compatible device—to add heat. Each animation frame cools the previous values, applies a blur, and maps intensity to a color gradient.

Built for the web platform

• Plain JavaScript and Canvas 2D—no runtime dependencies or build step.
• Responsive full-viewport canvas.
• Pointer and touch support.

The source and local run instructions are available in the project README.