Create a single score data visualization

task australia Updated Sep 10, 2026 10 min read create-dv-sing-sc-ac.md
Raw file servicenow.com

Use a single score to show a value as a number or percentage. Visualize how the value compares to a target or benchmark, to track progress, or to identify areas for improvement.

Before you begin

Role required: Anyone with access to data can create a visualization of that data on any dashboard that they can edit. Users with the itil, report_user, admin, or viz_creator role can create a visualization in the Visualization Designer. When you create a visualization in the Visualization Designer, it is saved to the Library. For more information on access, see Report_view access control and Platform Analytics roles.

About this task

For information about the use of a Single Score visualization in a dashboard, see the Developer Site. This site gives information about Single score data visualization components in the UI Builder, and some configuration options may differ from the Visualization Designer.

Note: Workflow Data Fabric sources don't support real-time update on single score, dial, and gauge visualizations.

Procedure

  1. Navigate to All > Platform Analytics > Library > Data Visualizations.

  2. Select Create data visualization.

  3. Provide a name and useful description for the visualization and select Create data visualization.

    The description enables users to find the visualization more easily in the library.

  4. Select the Single score ([Omitted image "inline-data-vis-single-score.png"] Alt text: Data visualization single score icon) visualization type.

  5. Select Add a data source.

    For general descriptions of the data sources, see Data sources for data visualizations.

    The Suggested data sources are the indicators and tables you have recently selected.

    When you select a data source, you see a preview of the information in the source. Add conditions to the data source and then select Add this source.

  6. Configure the Header and border. Header and border options are the same for all data sources.

    None of the Header and border fields is required.

Header and border fields

Description

Show border

Option to display a line around the component.

Show header

The visualization header, including title and icons.

Show header separator

Option to display a line separating the header from the rest of the component.

Chart title

Title of the visualization.

Title alignment

Choose Start to align the title with the start of line, End to align it with the end of the line, or Center for center alignment.

Description

A short overview about the visualization that the end user sees. Descriptions help users find the visualization.

Wrap title

Option to wrap long titles onto a second line. If false, displays an ellipsis to truncate long titles.

Wrap labels

Select to wrap long elements labels on the axis.

Max label size, px

Specify the maximum label size for element names on the axis. Default=100 px.

Line of truncation

Specify where to truncate long labels with an ellipsis. Options are 1, 2, and 3.

Bare

Option to remove padding around data visualization to provide more compact positioning on the page. Only available when Show border is turned off.

Show refresh option

Option to show or hide the refresh option from data visualizations. If cache is enabled on a dashboard, the Refresh option is hidden.

Show export options

Option to show or hide the visualization's export types.

Header background color

Specify the color behind the title of the visualization.

Title color

Specify the text color of the title. The default title color is black, but you can choose a color that contrasts better with the header background. Only available when Header background color is selected.

7. Choose a data source.
For general descriptions of the data sources, see [Data sources for data visualizations](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/now-intelligence/data-sources-visualizations.md).

-   Table \(available in the base system\). When you select a table, you can filter it by custom or preconfigured conditions. Custom conditions can include questions or Service Catalog variables.

    Configured report sources appear in the **Predefined conditions** list. For more information, see [Report sources](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/now-intelligence/reporting/c_ReportSources.md).

    To help you create a custom filter, there is a preview list of records that would be included in the visualization. You can change which fields are shown as columns and the width of columns in the list actions.

    \[Omitted image "dv-preview-edit-cols.png"\] Alt text: Preview record list for table source data visualization with list actions shown.

-   Indicator \(available in the base system\). You can filter the indicator scores by breakdowns and elements. Automated indicators can be configured with selected breakdowns. Formula indicators inherit their breakdowns from the parent indicators. Data snapshots indicator breakdowns are configured in the indicator. In both cases, only those breakdowns are available when you configure a visualization based on those indicators.

    **Note:** Benchmark indicators aren't supported.

    \[Omitted image "dv-ind-source-con-filter.png"\] Alt text: Conditional filter for indicator data source on data visualization.

    **Note:**

    You might have a multiple select \(is one of\) or dynamic \(is \(dynamic\)\) operator on the breakdown element filter. These operators require the indicator and breakdown to support them. For more information about the configurations that support these operators, see ["Is one of" and "Is \(Dynamic\)" operators on breakdown conditions in data visualizations](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/now-intelligence/performance-analytics/condition-operators-ind-bkdowns.md).

    Indicator types include Automated, Formula, and Manual indicators as well as Automated and Formula Data Snapshots. The Indicator Preview shows an example of the visualization and a list of the indicator's properties.

    \[Omitted image "dv-indicator-source-preview.png"\] Alt text: Indicator preview example with visualization example and list of properties including source type, indicator source, indicator type, additional conditions and available breakdowns.

-   Usage Insights \(available with the User Experience PAR Integration application, to users with a required role\). Choose one of up to three KPIs included with this application, depending on the visualization type. For more information, see [Usage Insights data sources for data visualizations](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/now-intelligence/uxa-data-sources.md).
  1. Configure the metric, data update, and no data message options for your data source.

  2. Under Presentation, provide display and color information.

Field

Description

Display settings

Score alignment

Choose Start to align the score with the starting border of visualization, End to align it with the ending border, or Center to align it horizontally in the middle of the visualization.

Score size

Sets the size of the score. Options include: - XS xs

  • S sm
  • M md
  • L lg
  • XL xl
  • XXL xxl
  • Auto auto: Size adjusts automatically between the preceding sizes depending on the viewport size and the space available after all details have been added in the Additional settings.

Score icon

Select one of the icons provided with the design system to precede the score. Optional.

Note: See https://developer.servicenow.com/dev.do#!/reference/next-experience/xanadu/now-components/now-icon/gallery for more information.

Icon style

Select "With background" to apply color to the background of the icon. Select "No background" to apply color to the icon itself.

Metric label position

Position for the metric label. Options include:- Above score top

  • Below score bottom This property applies only with table data sources and when Show metric label is true.

Sparkline style

Style of sparkline chart. Options include:- Area area: Option to display the sparkline as a line with the area between its points and the horizontal axis colored in.

  • Line line: Option to display the sparkline as a line. This property applies only with indicator data sources and when Show sparkline is true.

Colors

Set color type

  • Default: A color or set of colors that come from the UX Theme that is applied to the instance. For more information, see Working with themes in Next Experience.
  • Single color/Colors per metric: Select a single color in the Set value color field. Interacting with that field opens a selector where you can choose the color from either a set of icons or from a list. You can also search for a color. Entering a search value has the selector show you a list of colors filtered by that search value.

Alternatively, you can add a rule to define a dynamic color. For more information, see Create coloring rules for data visualizations.

  • Target color (Indicator data source only): Select a palette from the Palette dropdown. The displayed color reflects the value of the gap percentage. Palettes can be configured in the pa_target_color_schemes table.
10. Under **Chart interaction**, set what if anything happens when a viewer selects a chart or a chart segment on the visualization.

Field

Description

Allow chart interaction

Enable an event to occur when a user selects a visualization or one of its segments.

Action

Choose the event that occurs when a user selects in a visualization or one of its segments. Choices depend on the visualization type and data source. Applies only when Allow chart interaction is on. For more information, see Chart interactions in a data visualization.

  • Go to data view opens a list view, KPI Details page, or Usage Insights overview page relevant to the associated segment or visualization. For table data, a system property determines whether a Core UI list or a Platform Analytics list opens. For more information, see Data views for different data sources.
  • Go to URL opens the specified URL, which can be on the instance or external. You have the option of specifying a page name to appear in the tooltip, for those visualizations with tooltips.
  • Drill down to chart (Visualization Designer only) Opens a different data visualization that is filtered by the selected data. You can add a drill-down visualization for each metric on the parent visualization.

Note: The last level of drill down in the Platform Analytics experience is always a Core UI list. Records don't open in Workspace embedded lists.

Drill down to chart supports only table data sources.

11. Select **Save** to continue editing the visualization, or **Save and close** to return to the Analytics Overview main screen.

What to do next

Parent Topic:Creating data visualizations

Keywords Create single score reportCreate single score visualization
Search documentation
Search document titles and file paths on the australia branch