Heat Map table

Heat Map table

Venkata

Venkata

September 5, 2025

Heat Map tables are representations of data grouped along two categories. In SurveySparrow, users can use Heat Map tables to visualize their NPS, CES and CSAT data.

Each cell in a Heat Map table is color-coded in comparison to the overall metric. Viewers can then spot high-performing and underperforming categories quickly, as well as draw comparisons. Data can be drawn from multiple sources to gain a comprehensive understanding.

In this article we'll be covering:

Let’s explore the process of creating a Heat Map table in SurveySparrow.

Creating the Heat Map table

Inside the Executive Dashboard, click New Widget.

Image

Then click By Chart Type to create the widget.

Image

Click on Heatmap Table to proceed configuring it.

Image

For Source, select a survey and choose a question from the survey.
Image

  • Adding a question is optional. If skipped, only survey-level custom metrics will be available.
  • For standard CX metrics (NPS, CES, CSAT) or question-based custom metrics, a question is mandatory.

If you wish to filter the response data further, click the + sign to add the filters. You can either select a preset filter, use a custom variable or use AI to create a filter. Hit Save once done.

Image

To add more sources, click Add New Source and repeat the previous steps.

Image

Choose a Metric for the widget. You can select:

  • Standard CX metrics: NPS, CES, CSAT
  • Custom metrics: survey-based or question-based

In case of choosing a standard metric:

  1. Let’s pick the standard NPS for this instance. You will find Color Logic available to configure.

Image

  1. Under “Based on aggregated value”, the default color values will be applicable based on the standard thresholds for the respective CX metrics.
  2. In case you’d like to customise the color groups and define specific ranges within the standard range, opt for Fixed values.
    Image
  3. Here, you’ll be able to customise the colors, add groups within the standard metric. In case of NPS, the limits of -100 and 100 cannot be edited, but the range for each color group within this can be configured. You can also inverse the spectrum of the color group.
    Image

    Note: Only a maximum of 5 color groups can be configured.

Now, let us explore configuring a custom metric:

  1. Let’s pick a custom metric from the dropdown. If no question is selected in the source, only survey-based custom metrics will appear.Image
  2. Customise the range and color as needed. Here, since it’s a custom metric, the entire range can be set per the custom metrics’ rules.
    Image

    Note: Only a maximum of 5 color groups can be configured. You can also inverse the spectrum of the color group.

For the Heat Map table’s row, select a data category. You can choose between contact properties, Submission Time, variables or survey questions.
Image

In this case, let’s set the city as the category.

Image

For the Heat Map table’s column, select a data category. You can choose between contact properties, submission time, variables or survey questions. Here, let’s add Submission Time as the category.

Image

Here, let’s add Submission Time as the category.

Image

To use data from a certain timeframe, click All Time under Date Range. Choose from the pre-set options or create a custom timeframe.

Image

Type in the name of the widget in the Title box.

Image

Go to the “Advanced” tab.

Image

You can choose to Display count in cells if you choose to give the additional context in the Heatmap Table.

Image

You can also add prefix and suffix to your table, depending on your metrics.

Image

Once you are done, click Add Widget.

Image

Now, you can proceed analyzing the Heat Map table!

Heat Map table analysis

Within the widget, there is a row and a column which show overall values for each of the row/column categories.

Image

If you would like to compare any specific row/column against the overall values, click the row/column head to highlight it. To remove the highlight, click the head again.

Image

To inspect a cell, hover over it. You will also see the difference in points between the cell value and the overall metric, which sits in the top left cell.

Image

Sorting the Heat Map table data

If you would like to change the sorting of data, click the icon highlighted as shown below.

Image

You can sort the data across rows and columns, from high to low or vice versa. If you have used “Submission Time” as a data category, you will get the option to sort “By Date”.

Image

Once you have selected the sorting arrangements, click Apply.

Image

You can choose a timeframe from the pre-set options or create a custom timeframe. 

Image

If you have used “Submission Time” as a data category, you will get this extra filter to apply to the table directly. 

Image

Other actions in the Heat Map table

If you would like to make extensive changes, click on the three dots in the top right corner. 

Image

You can change the widget configuration by clicking Edit, or clone or delete the widget. 

Image

For large datasets, a heat map table is a great way to present it - since you can quickly identify notable aspects of the data within a glance. Other stakeholders can also view these metrics in relation to the overall metrics, to understand the degree of deviation.

Feel free to reach out to our community if you have any questions.

Powered By SparrowDesk