/click-heatmap

Generate simple screenshots of a web pages with heat map overlay of recorded user clicks.

Primary LanguageJavaScript

click-heatmap

Generate simple screenshots of a web pages with heat map overlay of recorded user clicks.

Screenshot

Usage

click-heatmap http://localhost:3000 < data.json > final-image.png

Or if you have an analytics API:

curl -L http://localhost:3000/analytics/sessions/123 | click-heatmap http://localhost:3000 > final-image.png

Install

yarn global add click-heatmap

Requires Cairo for node-canvas to work. See this document for installation.

Expects data from stdin in this JSON format:

{
  "meta": {
    "innerWidth": 1680,
    "innerHeight": 1050
  },
  "results": [
    [100, 100],
    [200, 200],
    [300, 300]
  ]
}

The program does not record the actual clicks. That data must be provided from elsewhere.

License

MIT