Create a single score data visualization in the Visualization Designer or on a dashboard

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 a dashboard that they own. Users with the itil, report_user, admin, or viz_creator role can create a visualization in the Visualization Designer. If 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.

Procedure

1. Navigate to All > Platform Analytics > Library > Data Visualizations.
2. Select New.
3. Select the Single score () visualization type.
4. Configure the Header and border. Header and border options are the same for all data sources.

   Header and border fields	Description
   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.
   Description	A short overview about the visualization that the end user sees.
   Wrap title	Option to wrap long titles onto a second line. If false, displays an ellipsis to truncate long titles.
   Show border	Option to display a line around the component.
   Bare	Option to remove padding around data visualization to provide more compact positioning on the page. Only available when Show border is turned off.

5. Choose a data source.
   For general descriptions of the data sources, see Data sources for data visualizations.

   • 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.

     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.
     
     
   • Indicator (available in the base system). When you select an indicator as a data source, you can select a breakdown and one or several elements for filtering the results. If an element filter is set on the breakdown source, that element filter is available in the elements field. However, data visualizations support element filters only for automated indicators with the Count, Minimize, or Maximize aggregations. For more information, see Element filters.
   • 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 User Experience Analytics data sources for visualizations.
6. Select the options for your data source.
   • If your visualization represents table data, go to Table data options for single score visualizations.
   • If your visualization represents indicator data, go to Indicator data options for single score visualizations.
   • If your visualization represents Usage Insights data, go to Usage Insights data options for Single scores.
7. Under Presentation, provide display and color information..

   Field	Description
   Display settings
   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/washingtondc/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. You can select the color from a set of icons, from a list of colors including their icons, or by searching for the color name or hexadecimal value. The colors are taken from the Color Definition [sys_report_color] table. Alternatively, you can add a rule to define a dynamic color. For more information, see Create coloring rules for data visualizations.

8. Under Chart interaction, set what if anything happens when a viewer clicks a chart or a chart segment on the visualization.

   Table 1. Chart interactions

   Field	Description
   Allow chart interaction	Enable an event to occur when a user clicks in a chart or one of its segments.
   Action	Choose the event that occurs when a user clicks in a chart 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 the records view in a Core UI list or KPI Details relevant to the associated segment or visualization. Records do not open in Workspace embedded lists. Not supported for Usage Insights 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 do not open in Workspace embedded lists. Drill down to chart supports only table data sources. It requires the latest Platform Analytics application from the ServiceNow® Store.

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

What to do next

• Add a visualization to a dashboard from the Visualization Designer
• Share a data visualization in the Visualization Designer
• Bookmark a visualization in the Visualization Designer