Bubble Chart

A Bubble chart is a type of chart that displays three dimensions of data. The size of the bubble, the color of the bubble and the location can all be used to represent information in an intuitive manner.


Metrics - 3 metrics are required. The first metric M1 is used for X-axis, the second metric M2 is used for Y-axis and the third metric M3 is used to determine the size of the bubble. The bubble chart will also work as a scatter chart where the size of the bubbles will not vary. In this case we need only two metrics M1 and M2.

Attributes - 1 or more attributes are required to determine the context for the metric values. In the example below, Revenue(M1), Profit(M2), Profit Margin (M3) are plotted across Month.

Use as Filter Option - Available

bubble inputs


The bubbles in the bubble chart can be customized using markers tab. When the bubble chart is working as a scatter chart with only two metrics M1 & M2, the type of the marker and the size of markers are customizable.

bubble Markers

Bubble Size

From 4.4, a feature is added in Bubble chart to specify the minimum and maximum bubble sizes proportional to the metric values. This is added in the bubble tab of the property editor.
The default minimum and maximum bubble sizes are ‘4’ and ‘40’ respectively. See the screenshot

bubble Markers

Now lets change the bubble sizes and below is the screenshot that shows how bubbles scale according to the sizes specified.

bubble Markers


In the business point of view, certain part of the chart needs to be highlighted to draw more attention from the desicion makers. For example, highlight the stores where total sales is greater than a specific value or highlight the top 10 products whose sales is high during last year’s winter. Thresholds are very useful objects in these use cases.

Thresholds will display some conditional formatting in a chart to highlight certain data points depending on predefined criteria.The criteria are attribute or metric qualifications. If a qualification’s expression evaluates to TRUE, the report displays the threshold. We can also include markers in thresholds.

To apply thresholds in vitara charts, hover the cursor on the chart. Vitara chart will display an ‘Edit’ button. When you click on this ‘Edit’ button the properties window will pop out. Select the thresholds tab to open threshold editor. In the window you can add a new threshold or delete any existing threshold or modify the existing threshold.

Note: From 4.6 version we can apply thresholds using attributes. The source drop down box in the threshold editor window will list all the attributes and metrics in the chart. we can select an attribute as source and define a threshold condition. The target of the threshold depends on the series of the chart. This means, if the chart series is created using metrics then target drop down box will display the metrics. If we enabled ‘color by’ mode, by adding an attribute to the ‘color by’ drop zone in the dossier’s editor panel, the chart series will be created using attributes. In this case the threshold target drop down box will show all the elements of attribute used in the color by drop zone. In this case we can set threshold target using attribute.

bubble threshold add

In the threshold editor window apply source, target, threshold condition and the other related information to set a threshold on the chart.

bubble threshold condition

After giving all the inputs click on ‘Apply’ button.

When the bubble chart is working as a scatter chart, thresholds can also set the type of marker to display when the condition is true. In the below screenshot a threshold with markers is set on profit with a condition less than 200K.

bubble Thresholds

Play-by Animation

Play by - animation shows the chart for each element of the first attribute. For more details about the play by feature please refer to play-by.

Background Image

The steps to set a background image for all Vitara charts are explained in backgroundImage.

Small Multiples

Bubble chart supports small multiples feature. Small multiples feature is explained in smallMultiples