Adjusting Text background transparency in Matplotlib

The matplotlib library in Python allows us to create graphs and plots for data visualization. This library has several built-in functions to style plots, such as changing colors, adding titles, setting backgrounds, labels, and adjusting layouts. In this article, we will learn how to adjust the transparency of text backgrounds in matplotlib plots.

Text Backgrounds in Matplotlib

In matplotlib, text backgrounds refer to the area behind text elements such as titles, labels, and annotations in a plot. By default, the background of text is transparent, but we can change it to a solid color or a semi-transparent color using the bbox parameter.

The bbox parameter accepts a dictionary with the following key properties −

• facecolor − Sets the background color
• alpha − Controls transparency (0 = fully transparent, 1 = fully opaque)
• edgecolor − Sets the border color around the text background

Adjusting Background Transparency of Title Text

The title of a plot is text given at the top to describe the plot's purpose. The title() function accepts a bbox parameter to customize the background appearance.

Syntax

plt.title('Title Text', 
          bbox=dict(facecolor='color', alpha=transparency_value, edgecolor='border_color'))

Example

In this example, we will create a simple line plot and adjust the background transparency of the title text ?

import matplotlib.pyplot as plt

# Create a plot for y = 2x
plt.figure(figsize=(8, 6))
x = [1, 2, 3, 4, 5]
y = [2 * i for i in x]

plt.plot(x, y, marker='o')
plt.title('Graph For Linear Function y = 2x', 
          bbox=dict(facecolor='yellow', alpha=0.7, edgecolor='black'))

plt.xlabel('X values')
plt.ylabel('Y values') 
plt.grid(True, alpha=0.3)
plt.show()

In this code, the title has a yellow background with 70% opacity (alpha=0.7) and a black border.

Adjusting Background Transparency of Labels

Labels describe the axes of a plot. We can adjust their background transparency using the same bbox parameter in xlabel() and ylabel() functions.

Example

In this example, we will create a line plot and adjust the background transparency of both axis labels ?

import matplotlib.pyplot as plt

# Create a plot for quadratic function
plt.figure(figsize=(8, 6))
x = [1, 2, 3, 4, 5]
y = [i**2 for i in x]

plt.plot(x, y, marker='s', color='red', linewidth=2)

plt.xlabel('X-axis Values', 
           bbox=dict(facecolor='lightblue', alpha=0.6, edgecolor='navy'))
plt.ylabel('Y-axis Values', 
           bbox=dict(facecolor='lightgreen', alpha=0.8, edgecolor='darkgreen'))

plt.title('Quadratic Function y = x²')
plt.grid(True, alpha=0.3)
plt.show()

In this example, the x-axis label has a light blue background with 60% opacity, while the y-axis label has a light green background with 80% opacity.

Multiple Text Elements with Different Transparencies

You can apply different transparency levels to various text elements in the same plot ?

import matplotlib.pyplot as plt

# Create a more complex example
plt.figure(figsize=(10, 6))
x = [1, 2, 3, 4, 5]
y1 = [i for i in x]
y2 = [i**2 for i in x]

plt.plot(x, y1, label='Linear', marker='o')
plt.plot(x, y2, label='Quadratic', marker='s')

# Title with high transparency
plt.title('Comparison of Linear vs Quadratic Functions', 
          bbox=dict(facecolor='yellow', alpha=0.3, edgecolor='orange'))

# Labels with different transparencies
plt.xlabel('Input Values', 
           bbox=dict(facecolor='cyan', alpha=0.9, edgecolor='blue'))
plt.ylabel('Output Values', 
           bbox=dict(facecolor='pink', alpha=0.5, edgecolor='red'))

plt.legend()
plt.grid(True, alpha=0.3)
plt.show()

Alpha Value Comparison

Conclusion

In this article, we learned how to adjust text background transparency in matplotlib using the bbox parameter. The alpha value controls transparency levels from 0 (transparent) to 1 (opaque), while facecolor and edgecolor control the background and border colors respectively.