Data Visualization

The base component for rendering all visualization types.

Overview

  • Available sinceTokyo
  • A11YExceptions

Anatomy

Anatomy of the data visualization component
  1. Container: Displays the selected chart type
  2. Chart title/header: Displays the chart header
  3. Information icon: Displays the description of the chart
  4. Contextual menu dropdown: Contains extended interactions for the chart

Usage

The data visualization component is a container for available chart types. You select the chart type to display data in different ways depending on your application. You can use the data visualization container in standard landing pages and dashboards in UI Builder or in pages built with the Next Experience UI Framework.

Visualization types

You can select from the following charts to display your data: time series, bar, pie and donut, single score, heatmap, bubble, and gauge. The UI Builder displays the data from the data source in a chart of the type you select. The configuration options vary with the chart type you select. These chart types are available.

See usage guidance for single score

See usage guidance for time series

See usage guidance for bar chart

See usage guidance for pie and donut

See usage guidance for dial chart

See usage guidance for pivot table

See usage guidance for heatmap

See usage guidance for bubble

See usage guidance for gauge

See usage guidance for geomap

See usage guidance for user experience analytics - funnels

See usage guidance for Indicator scorecard

See usage guidance for Box plot