Pixel Heatmap

A diagnostic matrix accumulates local pointer pressure, decays through calibrated color thresholds and exposes live load telemetry.

• Framed media
• Vector studies
• Focused product surfaces

• Heat is stored per cell and decays between frames
• Discrete thresholds create a readable diagnostic palette
• Numeric values hide automatically when cells become too small
• A component-specific renderer and control contract—not a palette swap of another release
• Compact and full previews share one visibility-aware production renderer

Adaptive sampling, capped DPR and visibility-based suspension keep the renderer predictable. Test density on low-power mobile hardware before increasing it.

Pointer and touch coordinates are container-scoped; offscreen renderers stop work and pixel ratio is capped.

The visual canvas is decorative by default. Pair it with a semantic heading or description, and reduced motion holds a stable rendered frame.