Components

The building blocks available in the builder's visual library. Each component declares the data roles it accepts and the interactions it supports.

Charts

Clustered column
native

Vertical bars comparing a measure across a category.

Axis ×2LegendValues ×4Tooltips ×4
Interactions: crossFilter, crossHighlight, drilldown, drillthrough, tooltip
Clustered bar
native

Horizontal bars, ideal for long category labels and ranking.

Axis ×2LegendValues ×4Tooltips ×4
Interactions: crossFilter, crossHighlight, drilldown, drillthrough, tooltip
Stacked column
native

Column chart with the legend stacked inside each column.

Axis ×2LegendValuesTooltips ×4
Interactions: crossFilter, crossHighlight, drilldown, drillthrough, tooltip
Stacked bar
native

Horizontal stacked composition.

Axis ×2LegendValuesTooltips ×4
Interactions: crossFilter, crossHighlight, drilldown, drillthrough, tooltip
Line chart
native

Trend of one or more measures over a continuous axis.

X-axisLegendValues ×4Tooltips ×4
Interactions: crossFilter, crossHighlight, drilldown, drillthrough, tooltip
Area chart
native

Line chart with a filled area under the line.

X-axisLegendValues ×2Tooltips ×4
Interactions: crossFilter, crossHighlight, drilldown, drillthrough, tooltip
Line and column
native

Columns with a secondary line — typically actual versus target.

Axis ×2ValuesLine values ×2Tooltips ×4
Interactions: crossFilter, crossHighlight, drilldown, drillthrough, tooltip
Pie chart
native

Share of total across a small number of categories.

LegendValuesTooltips ×4
Interactions: crossFilter, crossHighlight, drilldown, drillthrough, tooltip
Donut chart
native

Pie with a hollow centre for a total.

LegendValuesTooltips ×4
Interactions: crossFilter, crossHighlight, drilldown, drillthrough, tooltip
Scatter chart
native

Relationship between two measures, optionally sized by a third.

DetailsX-axisY-axisSizeLegend
Interactions: crossFilter, crossHighlight, drilldown, drillthrough, tooltip
Waterfall
native

Running contribution of each category to a total.

Axis ×2ValuesTooltips ×4
Interactions: crossFilter, crossHighlight, drilldown, drillthrough, tooltip
Treemap
native

Nested rectangles sized by a measure.

Axis ×2LegendValuesTooltips ×4
Interactions: crossFilter, crossHighlight, drilldown, drillthrough, tooltip
Funnel
native

Sequential stages ordered by value.

Axis ×2ValuesTooltips ×4
Interactions: crossFilter, crossHighlight, drilldown, drillthrough, tooltip

Analytical

Card
native

Single aggregated value with a label.

Fields
Interactions: drillthrough, tooltip
KPI
native

Value with trend and goal comparison.

IndicatorTarget goalsTrend axis
Interactions: drillthrough, tooltip
Gauge
native

Progress towards a target on a radial arc.

ValueTarget value
Interactions: tooltip

Tabular

Table
native

Flat rows and columns with no hierarchy.

Columns ×10
Interactions: crossFilter, crossHighlight, drillthrough, tooltip
Matrix
native

Row and column hierarchies with subtotals and stepped layout.

Rows ×3Columns ×2Values ×4
Interactions: crossFilter, crossHighlight, drilldown, drillthrough, tooltip

Controls

Slicer
native

User-facing filtering control bound to one field.

Field
Interactions: crossFilter
Button slicer
native

Tiled slicer used for analytical perspective switches.

Field
Interactions: crossFilter
Navigation button
native

Button that navigates to a page or returns to the previous page.

Interactions: navigate

Elements

Text box
native

Static text, headings and annotations.

Shape
native

Rectangle, rounded rectangle, ellipse or divider line.

Interactions: navigate
Image
native

Static image such as a logo.

Interactions: navigate