Privacy-first behavior analytics

Your heatmaps. Your data. Zero cloud.

Live demo area: move your cursor to paint interaction density. The overlay intentionally mimics capture + render modes from the library.

Active mode: Heatmap | Visual intent: Weighted density (gaussian-style) | Device filter preview: Desktop

Monthly Cost

$0

Tracker Target

<2KB

Render Path

GPU + Worker

Privacy

First-Class

Dynamic design decisions

Purposeful motion

Motion is concentrated in one meaningful zone (hero canvas) instead of scattered micro- animations. Reduced-motion users get a calmer static rendering automatically.

Visual hierarchy

Large typographic anchor, compact controls, then metrics. This keeps first-screen attention on value proposition before details.

Mode storytelling

The mode chips swap rendering style in-place so docs visitors understand the difference between heatmap, clickmap, and scrollmap at a glance.

Performance-safe preview

Canvas rendering is lightweight and bounded to a single stage, making the demo fluid on desktop and still usable on mobile widths.