Skip to main content
  • Customer Experience
    Customer Experience
  • Employee Experience
    Employee Experience
  • Brand Experience
    Brand Experience
  • Product Experience
    Product Experience
  • Core XM
    Core XM
  • Design XM
    Design XM

Gauge Chart (Results)

What's on This Page:

Was this helpful?

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

The feedback you submit here is used only to help improve this page.

That’s great! Thank you for your feedback!

Thank you for your feedback!

About Gauge Charts

Gauge Charts can help you quickly determine how a given question or response field is performing versus how it is expected to perform. With a Gauge Chart, you choose a data source and then select an aggregate metric you want to evaluate (mean, sum, etc.). The visualization displays that metric along a scale that changes color according to where your metric falls.

gauge chart

Customization Options

For general settings, see the Visualizations Overview support page. Read on for settings specific to the Gauge Chart.

Value Ranges

Qtip: When setting your value ranges, if you would like to indicate decimals for cutoff points, please be sure to use a dot (.) instead of comma (,) when typing your entry.

When setting up your Gauge Chart, you’ll first want to set your Min and Max values. What is the lowest value your metric should be? What is the highest? For example, on a ten point scale, 1 would be the minimum, and 10 is the maximum.

gauge chart with the min and max adjusted

Once you’ve set those values, you can then create all the ranges that are relevant for your Gauge Chart. Delete values by clicking the plus ( + ) and minus (  ) signs to the right of the ranges. These values are the maximum for that range – for example, any value below 30 will be red, but 30 will be blue.

Range Colors

Each value range for your Gauge Chart has an associated color. You can tell which color is associated with which range by looking at the visualization editing pane.

value ranges section of visualization editing panel

The Gauge Chart will display in red if the NPS® Score falls between 0 and 30. It currently displays as blue since the score is between 30 and 70.

To change the color for a given range, click the color dropdown and select a new color.

color selector for value ranges

NPS Metric

If you set the Metric to Net Promoter Score®, the gauge chart will automatically configure its range to a minimum of -100 and a maximum of 100.

metric in visualization editing pane set to net promoter score

This is because the gauge is calculating a Net Promoter Score®. The best Data Source for a Gauge Chart with an NPS Metric is a Net Promoter Score® question. See the linked page for more details on setting these questions up and for help understanding the calculations behind the score.

The Net Promoter Score® Metric can be set for other multiple-choice questions, but does not make as much sense conceptually. It will function best with multiple choice questions that have 11 point scales recoded from 0-10.


The Gauge Chart is only compatible with variables that can come in numeric formats.