Skip to content

How to Create a Bubble Chart in Elementor?

Table Of Content

Bubble charts show relationships between three variables at once – two axis positions plus a bubble size – in a single visually engaging chart.

This doc covers the Bubble chart type specifically – see the Settings Overview for every other option.

For the full settings tour of the Chart widget, see Chart Widget: Settings Overview.

Requirement – This widget is a part of The Plus Addons for Elementor Pro, make sure it’s installed & activated to enjoy all its powers.

Before You Start

  • Prerequisite: Elementor (free) installed and active.
  • Edition: Chart is a Pro widget – it requires the paid version of The Plus Addons for Elementor. It does not exist in the free plugin.
  • Widget to enable: go to The Plus Addons > Widgets, search for Chart and turn its toggle on.

Steps

  1. Add the Chart widget to the page, leave Chart Type as Custom.
  2. From Select Chart, choose Bubble.
  3. In the Dataset tab, add a Label and enter each point’s Data as three pipe-separated values in square brackets, for example [4|15|20] – x position, y position, then bubble size.
Select chart control set to bubble

Not verified

So you know exactly what has and has not been checked:

  • The bubble chart’s [x|y|size] data format was confirmed against the control model and the existing doc’s own explanation, not re-plotted with live sample data in this pass.

Related Docs

Related Frequently Asked Questions

Related Docs