Previous Report Builder: Bubble Chart

The bubble chart widget allows your respondents to see their results from different questions but also compare them to other components. A bubble chart stands out because it allows a comparison between three variables.


Here's an example:

PDF: Bubble Chart- example

This guide will teach you:

  1. Setting up the widget
  2. Widget logic rules

1. Setting up the widget

1.1 Configure the data

1.2 Set properties

1.3 Widget placement

PDF: Bubble Chart- setting up the widget

1.1 Configure the data

Start by setting up your Dimensions, to create the bubbles that will be displayed on your graph. 

PDF: Bubble Chart- data

  1. Give a name to your dimension and choose its color by clicking on the color selector. Take care to choose distinctly different colors for each point, so it will be easy to tell the difference between them.
  2. Click Add metric to add variables. You can choose variables from the dropdown to set the x-Axis and y-Axis values of each point.
  3. Add a value to measure the size of your bubbles on the graph
  4. Name the bubble that will be shown on your graph

If you change your variable data, you must collect a new response in order to preview your widget.

1.2 Set properties

PDF: Bubble Chart- extra options

  1. Widget name - Name your widget for your own use
  2. Chart title - Name your chart. This title will be visible on top of your graph
  3. Show Legend - Toggle the Show Legend button if you want to display the different score names associated with your data matrix
    Show legend example
  4. Show bubble legend - Toggle the button if you want to display the total data values in a bubble form
  5. Show grid - Toggle the button to get rid of or add the grid
  6. Y-axis title - Add a title to your Y-axis
  7. X-axis title - Add a title to your X-axis

1.3 Widget placement

Choose how you would like to align your widget. You can choose to align it to one side and have explanatory text or another widget on the other side or center it.

PDF: Bubble Chart- widget placement and size

  • Left - widget will be aligned to the left side of the page, in a column layout
  • Center - widget will be presented centered across the entire page from the left to the right (full width)
  • Right - widget will be aligned to the right side of the page, in a column layout

The max-width of one page is 810 px. To leave some room for spacing the recommended  Width value is around 600 px.

Use the arrows or enter a value for the widget height and width. If you choose to place the widget on either the left or the right side of the page, it will be automatically resized.

PDF: Bubble Chart- update preview

Click the Update preview button to see how the widget you've created looks like.

2. Widget logic rules

The widget logic rules are similar to the rules in our survey editor and can be used if you want the top-flop table to only be displayed in certain instances. If you want to show a general widget that is visualized every time a PDF report is generated, you can choose not to include a widget logic rule. Learn more about Widget Logic.

PDF: Bubble Chart- add rules

Once you've saved your logic rules, don't forget to save PDF, and you're ready to add more widgets!

What's next?

  • Add a gauge chart to the personalized PDF report to represent average or actual scores or percentage results for question blocks or formulas. Respondents can see at a glance if they've scored towards the top-end or bottom-end of the scale. 
  • Add an XY Chart widget to show your respondents the relationship between two variables. The respondents can compare and evaluate their answers on the XY graph created and see where they or their answer stands at. 
  • Add a Pie Chart widget to your customized report to show respondent's results at a glance. Pie grare a great way of displaying data in proportions and representing a rough estimate of percentage.
Support is the author of this solution article.

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.