1. Home
  2. Results Analysis
  3. Heatmaps
  4. How to create heatmaps (and other visualizations)

How to create heatmaps (and other visualizations)

To generate aggregate heatmaps, first open the study from your homepage, the studies/index page. Then select the “Heatmaps” tab. You will see a view much like the one below.

You can only generate heatmaps for studies that have been launched and have received successful viewings. If these conditions are not true, you won’t see the “Heatmaps” tab.

Heatmaps tab. Create, view and edit heatmaps here.
Heatmaps tab. Create, view and edit heatmaps here.

Create a Heatmap

To create a heatmap, click the big ‘Create Heatmap’ button. You will go through a wizard process (see below) and then move into the heatmap editor.

If you already created some heatmaps, there are some more options:

View a Heatmap

Heatmaps are rendered as high quality images for use in your reports. To view a full size rendered heatmap as an image, click the ‘View’ option in the table of existing heatmaps.

Example heatmap
Example heatmap

Edit a Heatmap

You can edit a heatmap using the ‘Edit’ option in the table of existing heatmaps. Since heatmaps are rendered images and therefore not editable, this will create a copy of the original heatmap with the same settings. You can then modify the settings in the editor and render a new image.

If you have a free subscription, your reports will show an EyesDecide watermark. If you purchase a paid subscription, the watermark will not be rendered into your heatmaps.

Heatmap Wizard

When you click ‘Create Heatmap’ you will see the Heatmap Wizard. This process will review all the settings and generate a heatmap. You then move into edit mode and can modify the heatmap until you are satisfied.

  • Wizard Step 1: The first step of the wizard asks you to provide a name for your heatmap, and choose the media. You can filter the views to include and limit the data to a selected range of time (e.g. first 10 seconds).The table can be automatically filtered by viewing tags. By default, the app will pick all suitable views and the entire viewing period. Note that data captured for a different media item is not included.
  • Wizard Step 2: You can select the style of heatmap, and modify advanced settings.

Once you’ve completed the two wizard steps, click ‘Create’ to see your heatmap for the first time:

Heatmap editor viewHeatmap editor view, displayed after the wizard has finished

Heatmap Editor 

Once you have generated a first cut of the heatmap, you are able to change any settings and update the heatmap (see image above).

In the heatmap editor there are 3 expandable menus on the top-left:

When you have changed the settings, click ‘Update’ to re-generate the rendered heatmap.

When you are happy with the heatmap, click ‘Save’ to turn it into a normal image file that can be viewed and downloaded.

Heatmap style changed to 'mask' in the editor
Heatmap style changed to ‘mask’ in the editor


Was this article helpful?

Related Articles