---
sourceDocument: Xanadu Platform Analytics
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/xanadu/now-intelligence

 Release :

    - xanadu

ft:locale :

    - en-US

ft:publication_title :

    - Xanadu Platform Analytics

ft:clusterId :

    - par

bundleId :

    - par

workflow :

    - Platform


---

# Pareto bar visualizations

# Create a Pareto bar data visualization {#ariaid-title1}

* Release version: Xanadu
* 
* Updated September 4, 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 7 minutes to read

Use a Pareto bar visualization to Identify the most important dimension in a large set of dimensions. Pareto bar visualization columns show data in descending order. A line shows the cumulative percentage.

## 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. 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](https://servicenow-prod.fluidtopics.net/17aJiqgCUPOrv8FkFCAkpA "The report_view operation is a record type access control list (ACL) that restricts access to reports. Only users who have one of the required roles can view reports that contain the restricted resource.") and [Platform Analytics roles](https://servicenow-prod.fluidtopics.net/8TGffADoM40mPhdhdpuM8g "Platform Analytics has both unique roles and roles from other applications that apply to it.").

## About this task

For information about the use of a Pareto bar visualization in a dashboard, see [the Developer Site](https://developer.servicenow.com/dev.do#!/reference/next-experience/xanadu/now-components/now-vis-bar-wrapper/usage). This site gives information about Pareto bar data visualization components in the UI Builder, and some configuration options may differ from the Visualization Designer.

## Procedure

1. Navigate to AllPlatform AnalyticsLibraryData Visualizations. {#create-dv-pareto-vd__ph_yvn_xvt_4tb}
2. Select New. {#create-dv-pareto-vd__ph_mdy_zvt_4tb}
3. Select the Pareto bar visualization (![pareto bar icon]()) visualization type.
4. Configure the Header and border. Header and border options are the same for all data sources.  
   {#create-dv-pareto-vd__table_ly5_djk_c5b__entry__2}{#create-dv-pareto-vd__ac-dv-showheader}{#create-dv-pareto-vd__ac-dv-showheadersep}{#create-dv-pareto-vd__ac-dv-charttitle}{#create-dv-pareto-vd__ac-dv-chartdesc}{#create-dv-pareto-vd__ac-dv-wraptitle}{#create-dv-pareto-vd__ac-dv-showborder}{#create-dv-pareto-vd__ac-dv-bare}

   | 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. |
   [ ]

   {#create-dv-pareto-vd__table_ly5_djk_c5b} {#create-dv-pareto-vd__ph_m1w_vwt_4tb}
5. Choose a data source.  
   For general descriptions of the data sources, see [Data sources for data visualizations](https://servicenow-prod.fluidtopics.net/diBlFzydCCBvbZFdoeAo6w "Each workspace data visualization references a specific data source.").
   * 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.{#create-dv-pareto-vd__table-data-source}

     Configured report sources appear in the Predefined conditions list. For more information, see [Report sources](https://servicenow-prod.fluidtopics.net/QQ9qR_HtMUisYy~f~8Kt0w#c_ReportSources "Report sources are predefined data sets for creating reports.").  
     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). You can filter the indicator scores by breakdowns and elements.  
     Note:  
     Benchmark indicators are not supported.

     <br />

     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://servicenow-prod.fluidtopics.net/IFlZK855mAGJVwM1MlD49w#condition-operators-ind-bkdowns__section_breakdown-operators).
   * User Experience Analytics (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](https://servicenow-prod.fluidtopics.net/hD0Xs3~bPK5Hz6vN8ZQEXQ "You can show metrics related to User Experience Analytics in a data visualization component. The available metrics depend on the visualization type.").

   {#create-dv-pareto-vd__choices_t-i-uxa}  
   Note:  
   You can choose multiple data sources for this visualization. However, all data sources must be of the same type: table, indicator, or User Experience Analytics. For more information, see [Multiple data sources](https://servicenow-prod.fluidtopics.net/vkp6hdojbWIPOtXBx6fAEA "Some visualization types support multiple data sources, while others do not. If your data visualization supports multiple data sources, the data sources must all be of the same type: all tables, all indicators, or all another type.").
6. Select the options for your data source.  
   * If your visualization represents table data, go to [Table data options for pareto bar visualizations](https://servicenow-prod.fluidtopics.net/GhNf2pwDCsJ1fbfiQceL2Q "When you select a table data source for a Pareto bar visualization, the following Data configuration options are available.").
   * If your visualization represents indicator data, go to [Indicator data options for pareto bar visualizations](https://servicenow-prod.fluidtopics.net/lLGU7yyxl3qZwl2wuP5WKQ "When you select an indicator data source for a Pareto bar visualization, the following Data configuration options are available.").
   * If your visualization represents User Experience Analytics data, go to [User Experience Analytics for pareto bar visualizations](https://servicenow-prod.fluidtopics.net/5Bpx_JqdwNcP1hoz4SFkiQ "When you select a User Experience Analytics data source for a Pareto bar visualization the following Data configuration options are available.").
   {#create-dv-pareto-vd__ul_zcw_w5s_qtb}
7. Under Presentation, provide display and color information.  
   Under Display settings, you can show the data table. This table shows graph and visualization data for easier screen reader access. You can also select whether hovering on a data value opens a
   tooltip with all the data values or only the details of the selected data value.
   {#create-dv-pareto-vd__table_s1z_jyz_bzb__entry__2}{#create-dv-pareto-vd__entry_x-axis-title}

   | Field \[Property\] | Description |
   |-|-|
   | Hide axis | Hides both the bar metric Y-axis and the pareto Y-axis. |
   | Axis style | Style of the X axis. * Clean `clean`: Adds a straight line to the X axis. * No tick lines `noTicks`: Option to remove all marks from the X axis. * Standard `default`: Adds a line and tick marks to the X axis. {#create-dv-pareto-vd__ul_nnr_pqs_2rb} Note: Only available when Show grid is true for vertical bar visualizations. |
   | Axis title (for X axis) | Title to display on the horizontal axis of the visualization. |
   | Wrap labels | Wraps long labels in the horizontal axis. |
   | Max label size, px | Maximum label size for the horizontal axis, in pixels. |
   [Table 1. X-axis options]

   {#create-dv-pareto-vd__table_s1z_jyz_bzb} {#create-dv-pareto-vd__table_yj3_p4t_zbc__entry__2}

   | Field \[Property\] | Description |
   |-|-|
   | Hide axis | Hides both the bar metric Y-axis and the pareto Y-axis. |
   | Axis title (for Y axis) | Only affects the bar axis and not the Pareto axis. |
   | Show grid | Adds grid lines to the visualization. This option applies only to the Y axis. |
   | Axis style | Style of the Y axis. * Clean `clean`: Adds a straight line to the Y axis. * No tick lines `noTicks`: Option to remove all marks from the Y axis. * Standard `default`: Adds a line and tick marks to the Y axis. {#create-dv-pareto-vd__ul_zj3_p4t_zbc} Note: Only available when Show grid is true for vertical bar visualizations. |
   [Table 2. Y-axis options]

   {#create-dv-pareto-vd__table_yj3_p4t_zbc} {#create-dv-pareto-vd__table_yl3_t41_czb__entry__2}

   | Field | Description |
   |-|-|
   | Show legend | Option to display the legend. |
   | Legend position | Legend location relative to the visualization: Above, Below, Right, or Left |
   [Table 3. Legend options]

   {#create-dv-pareto-vd__table_yl3_t41_czb} {#create-dv-pareto-vd__table_ktl_jq1_czb__entry__2}

   | Field | Description |
   |-|-|
   | Show data labels | Option to display the score for each data point. |
   | Data label position | Location of data labels: at the top, middle, or bottom of the bars. Note: Only available when Show data labels is true. |
   [Table 4. Data label options]

   {#create-dv-pareto-vd__table_ktl_jq1_czb} {#create-dv-pareto-vd__table_colors__entry__2}

   | Field | Description |
   |-|-|
   | Set color type | Type of color scheme to apply to the component. Options include: * 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](https://www.servicenow.com/docs/access?context=next-experience-theming&version=xanadu&pubname=xanadu-platform-user-interface&ft:locale=en-US). * Color palette: List of color palettes to select from predefined system palettes in the Chart Color Scheme \[pa_chart_color_schemes\] table. For grouped or stacked data, the colors apply in order from highest value to lowest. For multiple data sources, palette colors apply in the order of data sources. For example, the first color of a palette applies to the first data source, and the second palette color applies to the second source. All visualizations that use the same color palette show the same colors, regardless of what data they display. * Fixed element color: Use a specific color from the Chart Colors table \[sys_report_chart_color\] for each element. All data visualizations that use fixed element colors show the same element, such as critical incidents in the Global scope, in the same color. This option is available only for Table data sources and only if no more than one data source or metric is added, and a Group by is defined. |
   [Table 5. Color options]

   {#create-dv-pareto-vd__table_colors}
8. Under Chart interaction, set what if anything happens when a viewer clicks a chart or a chart segment on the visualization.  
   {#create-dv-pareto-vd__table_qnp_d2d_b1c__entry__2}

   | 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](https://servicenow-prod.fluidtopics.net/yGWWEWTqYeAHuGDmdBgpgw "You can set what occurs when a user interacts with a chart, such as by selecting a bar column. Possibilities include navigating to a URL, opening another data visualization, and filtering all visualizations on the dashboard by the selected value."). * 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 User Experience Analytics 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. |
   [ ]

   {#create-dv-pareto-vd__table_qnp_d2d_b1c}
9. Select Save.  
   Navigate to AllPlatform AnalyticsLibraryData Visualizations to return to the Data Visualization list.
{#create-dv-pareto-vd__steps_gj3_4ry_5r}

## What to do next

* [Add a visualization to a dashboard from the Visualization Designer](https://servicenow-prod.fluidtopics.net/egiLldOAJ0Rkqk3sTKQ4Lw "Add a visualization from the Visualization Designer to a new dashboard or to an existing dashboard.")
* [Share a data visualization in the Visualization Designer](https://servicenow-prod.fluidtopics.net/B~~wYpU7PNDElS0NvWvlxQ#share-dv-ac "Share a visualization to provide view or edit permissions to users, groups, or roles. A user can access a shared visualization in any workspace on the original instance.")
* [Bookmark a visualization in the Visualization Designer](https://servicenow-prod.fluidtopics.net/PtIix17O5PhaUlRmVA6_7A "Bookmark a visualization so that you can find it easily in the Data Visualizations library.")
{#create-dv-pareto-vd__ul_bz5_byk_qtb}

*[\>]: and then


