---
sourceDocument: Brazil Platform Analytics
sourceDocumentLink: https://www.servicenow.com/docs/r/now-intelligence

 Release :

    - brazil

ft:locale :

    - en-US

ft:publication_title :

    - Brazil Platform Analytics

ft:clusterId :

    - par

bundleId :

    - par

workflow :

    - Platform


---

# Bubble visualization

# Create a bubble data visualization in the Visualization Designer {#ariaid-title1}

Release version: Brazil  
Updated September 10, 2026  
![](https://www.servicenow.com/docs/portal-asset/ico-clock) 5 minutes to read  
Use bubble visualizations to show multiple separate metrics on a single visualization, to answer binary questions, such as whether two fields have a relationship, and to highlight patterns.

## 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](https://www.servicenow.com/docs/8n9OBOfn~tEm2c3Rc8uYFQ "The report_view operation is a record type ACL that restricts access to data visualizations and Core UI reports. Only users who have one of the required roles can view visualizations that contain the restricted resource.") and [Platform Analytics roles](https://www.servicenow.com/docs/9DexzqdJbtnHOvqfQwdBqg "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 Bubble visualization in a dashboard, see [the Developer Site.](https://developer.servicenow.com/dev.do#!/reference/now-experience/xanadu/shared-components/now-vis-bubble-wrapper/usage)

This site gives information about Bubble visualization components in the UI Builder, and some configuration options may differ from the Visualization Designer.

Bubble visualizations aggregate information over three different metrics, using the X
axis, Y axis, and bubble size.

## Procedure

1. Navigate to AllPlatform AnalyticsLibraryData Visualizations.
2. Select Create data visualization. {#create-dv-bubble-ac__ph_mdy_zvt_4tb}
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 Bubble (![bubble chart icon]()) visualization type.
5. Select Add a data source.  
   For general descriptions of the data sources, see [Data sources for data visualizations](https://www.servicenow.com/docs/3~kiOg2G6sd0qikGDIomuQ "Each workspace data visualization references a specific data source.").

   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.{#create-dv-bubble-ac__table_ly5_djk_c5b__entry__2}{#create-dv-bubble-ac__ac-dv-showborder}{#create-dv-bubble-ac__ac-dv-showheader}{#create-dv-bubble-ac__ac-dv-showheadersep}{#create-dv-bubble-ac__ac-dv-charttitle}{#create-dv-bubble-ac__ac-dv-title-align}{#create-dv-bubble-ac__ac-dv-chartdesc}{#create-dv-bubble-ac__ac-dv-wraptitle}{#create-dv-bubble-ac__ac-dv-wraplabels}{#create-dv-bubble-ac__ac-dv-maxlabelsize}{#create-dv-bubble-ac__ac-dv-truncationtype}{#create-dv-bubble-ac__ac-dv-bare}{#create-dv-bubble-ac__ac-dv-showrefreshoption}{#create-dv-bubble-ac__ac-dv-show-export-option}

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

   {#create-dv-bubble-ac__table_ly5_djk_c5b} {#create-dv-bubble-ac__ph_m1w_vwt_4tb}
7. Configure the metric, data update, and no data message options for your data source.  
   * If your visualization represents table data, go to [Table data options for bubble visualizations](https://www.servicenow.com/docs/fveJAmcRWlL2qNl8zOvMdg "When you select a table data source for a bubble visualization, the following Data configuration options are available.").
   * If your visualization represents indicator data, go to [Bubble data visualization example](https://www.servicenow.com/docs/nP6yrFWRpPaejYG4AaO~IQ "The bubble data visualization is used to do compare fields and see their relationships.").
   {#create-dv-bubble-ac__ul_zcw_w5s_qtb}
8. Select the options for your data source.  
   Go to [Table data options for bubble visualizations](https://www.servicenow.com/docs/fveJAmcRWlL2qNl8zOvMdg "When you select a table data source for a bubble visualization, the following Data configuration options are available.").
9. Under Presentation, provide display and color information. In the Colors section, configure the colors and color rules.  
   {#create-dv-bubble-ac__table_b5f_w23_dwb__entry__2}

   | Field | Description |
   |-|-|
   | Show data table | Shows a table with chart and graph data for easier screen reader access. Data includes the percentage of the total for each value, when appropriate. |
   | Show % of total in tooltip | Enable to show the percentage each data point contributes to the total alongside absolute values in the tooltip. |
   | Show legend | Available when you configure a group by or have more than one metric. Select to display the legend. |
   | Legend position | Legend location relative to the visualization: Above, Below, Right, or Left. |
   | 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](https://www.servicenow.com/docs/access?context=next-experience-theming&version=brazil&pubname=brazil-platform-user-interface&ft:locale=en-US). * 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. {#create-dv-bubble-ac__ul_nnq_mf3_dwb} |
   [ ]

   {#create-dv-bubble-ac__table_b5f_w23_dwb}
10. Under Chart interaction, set what if anything happens when a viewer selects a chart or a chart segment on the visualization.  
    {#create-dv-bubble-ac__table_qnp_d2d_b1c__entry__2}

    | 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](https://www.servicenow.com/docs/F6ZdH1epVHqK7QdFh34ADw "You can set what occurs when a user interacts with a visualization, 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 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](https://www.servicenow.com/docs/yA9xkXu4y~7Z3X4oIPMk2Q "Set the chart interaction for a data visualization to Go to data to open a data view. The page that opens depends on the data source."). * 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. |
    [ ]

    {#create-dv-bubble-ac__table_qnp_d2d_b1c}
11. Select Save to continue editing the visualization, or Save and close to return to the Analytics Overview main screen.
{#create-dv-bubble-ac__steps_tbs_4h4_bs}

## What to do next

* [Add a visualization to a dashboard from the Visualization Designer](https://www.servicenow.com/docs/HVO4E0xJs1Lz1bd9cXFp4w "Add a visualization from the Visualization Designer to a new dashboard or to an existing dashboard.")
* Select the More actions menu icon (![More actions menu icon]()) to duplicate, share, export, schedule, or bookmark the visualization.{#create-dv-bubble-ac__postreq-3-dot}
{#create-dv-bubble-ac__postreq-3-dot} {#create-dv-bubble-ac__ul_skp_pz4_mcb}
* **[Table data options for bubble visualizations](https://www.servicenow.com/docs/fveJAmcRWlL2qNl8zOvMdg)**   
  When you select a table data source for a bubble visualization, the following Data configuration options are available.
* **[Bubble data visualization example](https://www.servicenow.com/docs/nP6yrFWRpPaejYG4AaO~IQ)**   
  The bubble data visualization is used to do compare fields and see their relationships.

*[\>]: and then