Bubble charts concept in Matplotlib

Introduction

Bubble charts help you see relationships between three sets of numbers in one picture. They show points with different sizes to add more information.

Comparing sales, profit, and number of customers for different stores.

Showing countries' population, GDP, and area on one chart.

Visualizing students' test scores, study hours, and attendance.

Analyzing product price, rating, and number of reviews.

Syntax

Matplotlib

plt.scatter(x, y, s=sizes, alpha=opacity)
plt.xlabel('X label')
plt.ylabel('Y label')
plt.title('Chart title')
plt.show()

x and y are lists or arrays of coordinates.

s controls the size of each bubble (can be a list).

Examples

Simple bubble chart with three points of different sizes.

Matplotlib

plt.scatter([1, 2, 3], [4, 5, 6], s=[20, 50, 80])
plt.show()

Adding transparency and labels for clarity.

Matplotlib

plt.scatter(x, y, s=sizes, alpha=0.5)
plt.xlabel('Age')
plt.ylabel('Income')
plt.title('Age vs Income with Bubble Size')
plt.show()

Sample Program

This code shows how test scores relate to hours studied. The bubble size shows how many practice tests were done.

Matplotlib

import matplotlib.pyplot as plt

# Data: hours studied, test score, and number of practice tests
hours = [1, 2, 3, 4, 5]
scores = [55, 60, 65, 70, 75]
practice_tests = [5, 10, 15, 20, 25]

# Bubble sizes scaled for visibility
sizes = [p * 10 for p in practice_tests]

plt.scatter(hours, scores, s=sizes, alpha=0.6, color='blue')
plt.xlabel('Hours Studied')
plt.ylabel('Test Score')
plt.title('Test Scores vs Hours Studied with Practice Tests as Bubble Size')
plt.show()

Important Notes

Bubble size s should be scaled to avoid too small or too large bubbles.

Use alpha to make bubbles partly see-through if they overlap.

Label axes and add a title to make the chart easy to understand.

Summary

Bubble charts show three data values: x, y, and size.

They help compare data points with an extra dimension using bubble size.

Use labels and transparency for better readability.

Practice

1. What does the size of bubbles represent in a bubble chart created with matplotlib?

easy

A. The color of the bubbles

B. A third data value representing magnitude or quantity

C. The x-axis position

D. The y-axis position

Solution

1. Step 1: Understand bubble chart data dimensions

   A bubble chart shows data points with x and y coordinates plus a size dimension.

2. Step 2: Identify what bubble size represents

   The size of each bubble encodes a third data value, like quantity or magnitude.

3. Final Answer:

   A third data value representing magnitude or quantity -> Option B

4. Quick Check:

   Bubble size = third data value [OK]

Hint: Bubble size shows extra data beyond x and y [OK]

Common Mistakes:

• Confusing size with color
• Thinking size is x or y position
• Ignoring the third data dimension

2. Which matplotlib function parameter controls the bubble sizes in a bubble chart?

easy

A. size

B. bubble_size

C. radius

D. s

Solution

1. Step 1: Recall plt.scatter parameters

   The plt.scatter function uses s to set bubble sizes.

2. Step 2: Confirm correct parameter name

   Other options like size or radius are not valid parameters for bubble size in plt.scatter.

3. Final Answer:

   s -> Option D

4. Quick Check:

   plt.scatter(x, y, s=...) sets bubble size [OK]

Hint: Use 's' parameter for bubble sizes in plt.scatter [OK]

Common Mistakes:

• Using 'size' instead of 's'
• Trying 'radius' which is invalid
• Confusing with color parameter

3. What will be the output of this code snippet?

import matplotlib.pyplot as plt
x = [1, 2, 3]
y = [4, 5, 6]
sizes = [100, 200, 300]
plt.scatter(x, y, s=sizes)
plt.show()

medium

A. A syntax error due to incorrect parameter

B. A scatter plot with all bubbles the same size

C. A scatter plot with three bubbles sized 100, 200, and 300 respectively

D. A scatter plot with bubbles sized 1, 2, and 3

Solution

1. Step 1: Analyze the code parameters

   The code uses plt.scatter with x, y coordinates and s=sizes where sizes are [100, 200, 300].

2. Step 2: Understand bubble size mapping

   Each bubble size corresponds to the values in the sizes list, so bubbles will have sizes 100, 200, and 300.

3. Final Answer:

   A scatter plot with three bubbles sized 100, 200, and 300 respectively -> Option C

4. Quick Check:

   Bubble sizes match 's' list values [OK]

Hint: Bubble sizes come from the 's' list values [OK]

Common Mistakes:

• Assuming all bubbles have same size
• Confusing sizes with x or y values
• Expecting syntax error incorrectly

4. Identify the error in this bubble chart code:

import matplotlib.pyplot as plt
x = [1, 2, 3]
y = [4, 5, 6]
sizes = [100, 200]
plt.scatter(x, y, s=sizes)
plt.show()

medium

A. The sizes list length does not match x and y lengths

B. The parameter 's' is misspelled

C. x and y must be strings, not lists

D. plt.scatter cannot plot more than two points

Solution

1. Step 1: Check lengths of x, y, and sizes

   x and y have 3 elements each, but sizes has only 2 elements.

2. Step 2: Understand size array length requirement

   The sizes array must match the number of points to assign size to each bubble.

3. Final Answer:

   The sizes list length does not match x and y lengths -> Option A

4. Quick Check:

   Sizes length must equal x and y length [OK]

Hint: Sizes array length must match x and y arrays [OK]

Common Mistakes:

• Ignoring size list length mismatch
• Thinking 's' parameter is misspelled
• Believing x and y must be strings

5. You want to create a bubble chart where bubble sizes represent sales volume, but sales data has zeros and very large values. Which approach is best to make the chart readable?

hard

A. Normalize sales data and apply a size scaling factor

B. Use raw sales values directly as sizes

C. Set all bubble sizes to a fixed constant

D. Use sales data as x-axis values instead

Solution

1. Step 1: Understand impact of raw sizes

   Using raw sales values with zeros and large numbers causes bubbles too small or too large, making chart unreadable.

2. Step 2: Normalize and scale sizes

   Normalizing sales data (e.g., min-max scaling) and applying a size factor keeps bubbles proportional and visible.

3. Step 3: Evaluate other options

   Fixed sizes lose data meaning; using sales as x-axis changes chart type and loses size info.

4. Final Answer:

   Normalize sales data and apply a size scaling factor -> Option A

5. Quick Check:

   Normalize and scale sizes for readability [OK]

Hint: Normalize and scale sizes to handle zeros and extremes [OK]

Common Mistakes:

• Using raw sizes causing unreadable bubbles
• Fixing all sizes losing data info
• Misusing sales data as axis instead of size