Create interactive bubble charts to educate, engage, and excite your audience

Create interactive bubble charts in minutes with our easy-to-use bubble chart maker. No design or coding skills required. Simple to use. A variety of designed templates.

Try Infogram for free
4.5
140 reviews
interactive_bubble_charts

A bubble chart is a visual representation of data objects in 3 numeric data dimensions (the X-axis data, the Y-axis data, and data represented by the bubble size). Instead of using just the X and Y-axis to share data (like a bar graph or column chart), the bubble chart uses a third dimension (sometimes referred to as the Z-axis) to share another dimension of data. Bubble charts share the relationships between these three points of data.

Bubble charts are best used to compare and show relationships between each bubble (or circle) on the chart through positioning and different proportions.

Be careful when trying to use a bubble chart to share a lot of data points, though. When there are too many bubbles on a chart, the information isn’t clear to the viewer. Using interactive charts, where a hovering mouse can increase or animate each data points, will help the viewer stay engaged longer while you get to tell a great data-driven story.

This page covers the basics of where to use interactive bubble charts, the types of charts Infogram offers, how to get started, and frequently asked questions. Don’t worry, we’re handling the complicated technical pieces, allowing you to focus on creating engaging, exciting, and educational content that will delight your customers.

Everybody Love Infogram

Many of our clients are excited by the service that we deliver.
Read about what some have said about us.

“ With Infogram we turned our service reporting into the cutting-edge category and receive amazing feedback from the user community. ”

Andreas Igler

Andreas Igler
Director of IT & Operations

“ I’m a data nerd, so I love tools that help readers better visualize information. We use a tool called Infogram at TechCrunch for data visualization. It’s super-easy to use, and you don’t have to be a data analyst or graphic designer to use it. ”

Travis Bernard

Travis Bernard
Director of Audience Development

“ Infogram has taken our stats to the next level. It's great to be able to upload a spreadsheet and turn it into a beautiful interactive piece for our clients to enjoy. ”

Kris Carpenter

Kris Carpenter
Director of Marketing

Browse templates

Ready to make your own interactive bubble chart? Infogram has over 200 customizable templates. We recommend browsing this selection for inspiration; you’ll be amazed by the options and places you can take your content.

Column Chart
Column Chart
Line Chart
Line Chart
Table Chart
Table Chart
Pictoral Bar Chart
Pictoral Bar Chart
Radial Chart
Radial Chart
Semi circle Chart
Semi circle Chart
Funnel Chart
Funnel Chart
Column Stacked Chart
Column Stacked Chart
Bar Chart
Bar Chart
Pie Chart
Pie Chart
Wordcloud Chart
Wordcloud Chart
Doughnut Chart
Doughnut Chart
Pictoral Chart
Pictoral Chart
Column Grouped Chart
Column Grouped Chart
Bar Stacked Chart
Bar Stacked Chart

Frequently asked questions

How do I register an account?

1. Click on the Get started button in the top right corner of the homepage.

2. Sign up with Google, Facebook, or email. If you choose to sign up with Google or Facebook, simply login to your account when asked to do so. If you wish to sign up with your email address, enter the email and your desired password, then hit the Signup button.

3. Provide some basic information about yourself. Enter your first and last name, indicate what kind of organization you belong to, and specify your role. You will then be able to continue with the Basic plan or choose from any of the available paid plansView more

Where to use interactive bubble charts?

This type of chart is often used in business for comparing and visualizing the relationships between particular projects. They can also be used to show investment alternatives in various dimensions such as cost, value, and risk

Bubble charts can facilitate the understanding of social, economic, and other scientific relationships. For example, by plotting the results of increasing the price of cigarettes,  you can see if it has prevented people from smoking and if it has decreased lung cancer cases per capita. A bubble chart can quickly and effectively share that data story.

Overall, bubble charts are good for visualizing situations, patterns, and correlations, but they can’t explain the why of the situation, or how it occurred. Bubble charts are ideal for sharing limited data points and should not be used when there is a large amount of data to share.

What kind of integration is Infogram providing to create live-updating charts and maps?

With Infogram, you can create dynamic charts and maps that update live and in real-time. We support two integrations for live updates:

1. Google Sheets

2. JSON feeds

As soon as the data changes in the Google Sheet or JSON file, the chart or map it is linked to will automatically update, even where embedded.

Note: Infogram doesn't support formulas, only raw data. If you use formulas or other scripts in your Google sheet, the calculations may not show on Infogram after the import.

View more

How to create a bubble chart?

You can make a bubble chart in 5 easy steps:

1. Join Infogram to make your own bubble chart design.

2. Select the bubble chart.

3. Upload or copy and paste your data.

4. Customize colors, fonts, and labels.

5. Download your bubble chart or embed it on your website.

 

What are the best practices for creating bubble charts?

Bubble charts allow you to compare more data, but the number of categories you can “map” on it is limited. Too many bubbles in one chart may look chaotic. Remember, less is more. Show only the categories that are important.

Make the chart more readable by keeping bubbles transparent to make “hidden” bubbles visible and help detect the center of each circle.

The sizes of the circles need to be drawn based on the circle’s area, not its radius or diameter. Not only will the size of the circles change exponentially, but this will lead to misinterpretations by the human visual system.

How do I create a live-updating chart or map via Google sheets?

1. In a project, click the Add chart (or Add map) button on the left side panel and choose the chart type that best fits the information you want to display. If you are not sure which one to pick, try adding any chart type to your project and then double-click it to review the example data. Use this data layout in the Google sheet you want to import into a chart.

Tip: Most Infogram charts can only display numeric data (line, column, bar, pie, bubble charts, etc.). However, some are designed to display textual information as well (word cloud, treemap). If your data source contains some columns with numbers and some with text, you will need to:

 A. separate textual ones and visualize them in a separate text-based chart, or

 B. import the data into a table chart that supports numbers + text inside one chart.

2. Double-click the chart to open its editor. Above the data table, you will see data import buttons. Choose to Add a Google Drive document.  

3. Connect your Google Drive account. All Google sheets will be displayed in the list.

Pro tip: you can remove Google Drive and Infogram integration via the Google account settings. When you do, existing live-updating charts will lose their connection.

4. Choose the spreadsheet with the data you need from your Google Drive.

5. When you edit information in your Google sheet, it will automatically update in your Infogram chart. The chart refreshes data every 30 seconds to a minute. These changes will automatically apply to your embeds and shared URL link.

Note: When changing the order of tabs in a Google sheet, the tabs will not automatically shift in your Infogram project. Each data tab of your Infogram project draws information from the numerically corresponding tab in the Google sheet, therefore you have to manually rename the tabs in your Infogram chart.

View more 

How do I create a live-updating chart or map via a JSON feed?

1. Add a chart or map to your project canvas by clicking the Add chart or Add map buttons in the left side panel.

2. Double-click the chart to open its editor. Above the data table, you will see data import buttons. Choose the Add JSON feed option.

3. Use this example to understand how to format your JSON feed. To create a multi-tab chart or map, use the following example. 

4. Now, when you edit the information in your JSON feed, it will automatically update in your Infogram chart. The chart refreshes data every 30 seconds to a minute. These changes will automatically apply to your embeds and shared URL link.

View more

Didn't find the answer? Check our FAQs