Why annotations tell the data story in Matplotlib - Challenge Your Understanding

Challenge - 5 Problems

❓ visualization

intermediate

Identify the effect of annotations on a line plot

Look at the line plot with and without annotations. Which statement best describes how annotations help tell the data story?

Matplotlib

import matplotlib.pyplot as plt

x = [1, 2, 3, 4, 5]
y = [2, 3, 5, 7, 11]

plt.figure(figsize=(6,4))
plt.plot(x, y, marker='o')
plt.title('Prime Numbers Line Plot')
plt.xlabel('Index')
plt.ylabel('Prime Number')
# Annotation added
plt.annotate('Highest value', xy=(5, 11), xytext=(3, 10), arrowprops=dict(facecolor='black', shrink=0.05))
plt.show()

A Annotations add random text that does not relate to the data.

B Annotations remove data points, simplifying the plot but losing information.

C Annotations change the data values to make the plot look better.

D Annotations highlight key points, making it easier to understand important data values.

💡 Hint

Think about why someone would add text and arrows to a plot.

Annotations point out important parts of the data, helping viewers quickly see what matters most.

❓ Predict Output

intermediate

Output of annotated scatter plot code

What will be the output of this code snippet?

Matplotlib

import matplotlib.pyplot as plt

x = [1, 2, 3, 4]
y = [10, 20, 25, 30]

plt.scatter(x, y)
plt.annotate('Peak', xy=(4, 30), xytext=(3, 28), arrowprops=dict(facecolor='red'))
plt.show()

A A scatter plot with points and an arrow pointing to the point (4, 30) labeled 'Peak'.

B A scatter plot with points but no annotations visible.

C A line plot connecting points with an annotation at (4, 30).

D A scatter plot with an annotation but the arrow points to the wrong location.

💡 Hint

Check how plt.annotate uses xy and xytext to place the arrow and text.

The code creates a scatter plot and adds an annotation with an arrow pointing exactly to the point (4, 30) labeled 'Peak'.

🔧 Debug

advanced

Find the error in annotation code

Why does this code raise an error?

Matplotlib

import matplotlib.pyplot as plt

x = [1, 2, 3]
y = [5, 7, 9]

plt.plot(x, y)
plt.annotate('Max', xy=(3, 9), xytext=(4, 10), arrowprops=dict(facecolor='blue'))
plt.show()

A SyntaxError due to missing closing parenthesis in plt.annotate line.

B ValueError because xytext coordinates are outside the plot range.

C TypeError because arrowprops is not a valid argument.

D NameError because plt is not imported.

💡 Hint

Check the parentheses carefully in the annotate line.

The annotate line is missing a closing parenthesis, causing a syntax error.

❓ data_output

advanced

Count of annotations in a plot

Given this code, how many annotations will appear on the plot?

Matplotlib

import matplotlib.pyplot as plt

x = [1, 2, 3, 4]
y = [4, 3, 2, 1]

plt.plot(x, y)
for i, val in enumerate(y):
    if val < 3:
        plt.annotate(f'Low {val}', xy=(x[i], val), xytext=(x[i], val+0.5), arrowprops=dict(facecolor='green'))
plt.show()

A 4 annotations will appear, one for each point.

B No annotations will appear because the condition is never true.

C 2 annotations will appear, for points where y is less than 3.

D 3 annotations will appear, but one will overlap and not be visible.

💡 Hint

Look at the condition val < 3 and count how many y values satisfy it.

Only y values 2 and 1 are less than 3, so 2 annotations are added.

🧠 Conceptual

expert

Why use annotations in data storytelling?

Which of the following best explains why annotations are important in telling a data story?

A Annotations replace the need for titles and axis labels in plots.

B Annotations provide context and highlight key insights that might be missed in raw data visuals.

C Annotations automatically clean and preprocess data for better visualization.

D Annotations increase the size of the plot to fit more data points.

💡 Hint

Think about how annotations help a viewer understand the story behind the numbers.

Annotations add explanations and focus attention on important parts, making the data story clearer.