---
title: "How to Create a Bubble Chart in Elementor?"
url: https://theplusaddons.com/docs/bubble-chart-in-elementor/
date: 2024-02-05
modified: 2026-09-27
lang: en
author: "Aditya Sharma"
description: "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..."
image: https://theplusaddons.com/wp-content/uploads/2024/02/How-to-Create-a-Bubble-Chart-in-Elementor_-1024x536.jpg
word_count: 235
---

# How to Create a Bubble Chart in Elementor?

## 

- Bubble charts in The Plus Addons for Elementor Pro show three variables at once, using two axis positions plus a bubble size in a single chart.
- Chart is a Pro widget in The Plus Addons for Elementor, and it requires Elementor free installed and active plus the paid version of The Plus Addons for Elementor.
- The Dataset tab uses three pipe-separated values in square brackets, such as [4|15|20], to set x position, y position, and bubble size.

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](https://theplusaddons.com/docs/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.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/advanced-charts/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Before You Start

- **Prerequisite:** [Elementor](https://wordpress.org/plugins/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

- Add the **Chart** widget to the page, leave **Chart Type** as **Custom**.- From **Select Chart**, choose **Bubble**.- 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](https://theplusaddons.com/wp-content/uploads/2026/09/chart-select-chart-bubble.webp)

## 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

- [Chart Widget: Settings Overview](https://theplusaddons.com/docs/chart-widget-settings-overview/)- [How to Create a Pie Chart in Elementor (Doughnut Chart)?](https://theplusaddons.com/docs/pie-chart-in-elementor/)

## Frequently Asked Questions

**Q: What do I need before creating a bubble chart in Elementor?**
A: Elementor free needs to be installed and active, and the Chart widget has to be enabled in The Plus Addons for Elementor Pro. The page also says the widget does not exist in the free plugin, so this is a Pro-only setup. That matters because the bubble chart lives inside the Elementor editor, but the widget itself comes from The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH.

**Q: Why is the bubble chart option missing in my Chart widget?**
A: The usual blocker is that the Chart widget toggle is still off in The Plus Addons > Widgets. This tutorial says to search for Chart and turn its toggle on, and it also notes that Chart is a Pro widget. If you only have the free plugin active, the bubble chart option will not be available because it is part of The Plus Addons for Elementor Pro.

**Q: How do bubble charts store data in Elementor?**
A: Each point uses three pipe-separated values inside square brackets, like [4|15|20]. The order is x position, y position, then bubble size. That format matters because bubble charts show three variables at once, so if the values are out of order the chart will not represent the relationship correctly. The page confirms this [x|y|size] structure for the Bubble chart type.

**Q: Can I use a bubble chart to show three variables at once?**
A: That is exactly what this chart type is for. Bubble charts show relationships between three variables at once through two axis positions plus a bubble size, all in one visual. In practice, that makes them useful when you want more context than a standard two-axis chart gives. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides this inside the Chart widget as a Bubble option.

**Q: What is the best way to set up a bubble chart in Elementor?**
A: Keep the Chart Type as Custom and then choose Bubble from Select Chart. That combination matters because this tutorial is specifically about the Bubble chart type, while other chart options are covered elsewhere in [Chart Widget: Settings Overview](https://theplusaddons.com/docs/chart-widget-settings-overview/). Using Custom first gives you control over the dataset format instead of forcing a preset layout.

**Q: Where can I find more settings for the Chart widget after making a bubble chart?**
A: The full settings tour lives in [Chart Widget: Settings Overview](https://theplusaddons.com/docs/chart-widget-settings-overview/). This bubble chart doc only covers the Bubble type itself and points out that every other option belongs there. If you want to compare chart types or understand broader widget controls, that overview is the right companion page.