Subplots for multiple charts in Pandas - Deep Dive

Overview - Subplots for multiple charts

What is it?

Subplots allow you to display multiple charts in a single figure, arranged in a grid or layout. This helps compare different data visualizations side by side without opening multiple windows. Using subplots, you can organize charts clearly and save space. It is a common way to present related data together.

Why it matters

Without subplots, you would need separate charts for each dataset, making it hard to compare or see patterns across them. Subplots make it easier to spot differences and similarities quickly. This saves time and improves understanding when analyzing multiple data views. It also helps create professional reports and dashboards.

Where it fits

Before learning subplots, you should know how to create basic charts with pandas and matplotlib. After mastering subplots, you can explore advanced visualization layouts, interactive plots, and dashboard creation.

Mental Model

Core Idea

Subplots are like a photo album page where each photo is a chart arranged neatly so you can see them all at once.

Think of it like...

Imagine a photo album page with several small pictures arranged in rows and columns. Each picture shows a different moment, but together they tell a bigger story. Subplots work the same way by placing multiple charts on one page.

┌───────────────┬───────────────┐
│   Chart 1     │   Chart 2     │
├───────────────┼───────────────┤
│   Chart 3     │   Chart 4     │
└───────────────┴───────────────┘

Build-Up - 7 Steps

1

Foundation

Creating a single basic plot

Concept: Learn how to make a simple chart using pandas plotting.

Use pandas DataFrame's .plot() method to create a line chart. For example, df.plot() draws a line chart of all numeric columns.

Result

A single line chart appears showing data trends.

Understanding how to create one chart is the base for combining multiple charts later.

2

Foundation

Understanding matplotlib figure and axes

Concept: Learn the role of figure and axes objects in plotting.

Matplotlib creates a Figure (the whole image) and Axes (individual plots). Pandas plotting uses matplotlib under the hood. You can create a figure and axes with plt.subplots().

Result

You get a blank figure with one or more axes ready for plotting.

Knowing figure and axes helps control where each chart goes when making subplots.

3

Intermediate

Making multiple subplots with plt.subplots()

🤔Before reading on: do you think plt.subplots() returns one or multiple axes when specifying rows and columns? Commit to your answer.

Concept: Use plt.subplots() to create a grid of axes for multiple charts.

Call plt.subplots(nrows=2, ncols=2) to get a 2x2 grid of axes. Each axis can hold one chart. You can plot on each axis separately.

Result

A figure with 4 empty plot areas arranged in 2 rows and 2 columns.

Understanding that plt.subplots() returns multiple axes lets you assign different charts to each spot.

4

Intermediate

Plotting different data on each subplot

🤔Before reading on: do you think you can call df.plot() multiple times on different axes to get multiple charts in one figure? Commit to your answer.

Concept: Plot different datasets on each axis by passing the axis parameter.

For each axis from plt.subplots(), call df.plot(ax=axis) with different data. This draws separate charts on each subplot.

Result

A figure showing multiple charts side by side, each with its own data.

Knowing how to direct plots to specific axes is key to building complex multi-chart figures.

5

Intermediate

Customizing subplot layout and spacing

Concept: Adjust spacing and size to make subplots clear and readable.

Use plt.subplots_adjust() or fig.tight_layout() to control space between subplots. You can also set figure size with figsize parameter.

Result

Subplots are spaced nicely without overlapping labels or titles.

Proper layout improves readability and professionalism of multi-chart figures.

6

Advanced

Sharing axes for aligned comparison

🤔Before reading on: do you think sharing x or y axes between subplots changes how data is displayed? Commit to your answer.

Concept: Use shared axes to align scales across subplots for easier comparison.

When creating subplots, set sharex=True or sharey=True. This makes subplots use the same axis scale and ticks.

Result

Subplots have aligned axes, making it easier to compare data visually.

Sharing axes reduces confusion and highlights differences or similarities across charts.

7

Expert

Handling complex subplot grids and dynamic plotting

🤔Before reading on: do you think you can create irregular subplot layouts or dynamically add subplots after figure creation? Commit to your answer.

Concept: Advanced control over subplot grids and dynamic figure updates.

Use GridSpec from matplotlib for irregular layouts. You can also add or remove axes dynamically and update plots in loops for animations or dashboards.

Result

Flexible, complex multi-chart figures tailored to specific presentation needs.

Mastering these techniques enables professional-quality visualizations and interactive data exploration.

Under the Hood

Matplotlib manages a Figure object that contains multiple Axes objects. Each Axes is a container for one plot. When you call plt.subplots(), it creates the Figure and a grid of Axes. Pandas plotting functions accept an Axes to draw on, so multiple plots can be placed in one Figure by assigning each plot to a different Axes. The layout and spacing are controlled by the Figure and Axes properties.

Why designed this way?

This design separates the whole image (Figure) from individual plots (Axes), allowing flexible arrangement and independent control. It evolved from matplotlib's need to support complex multi-plot layouts while keeping a simple interface for users. Alternatives like single-plot figures were too limited for real-world data analysis.

Figure (whole image)
┌───────────────────────────────┐
│  Axes 1  │  Axes 2            │
│ (plot 1) │ (plot 2)           │
├──────────┼────────────────────┤
│  Axes 3  │  Axes 4            │
│ (plot 3) │ (plot 4)           │
└──────────┴────────────────────┘

Myth Busters - 4 Common Misconceptions

Quick: Does calling df.plot() multiple times automatically create subplots in one figure? Commit yes or no.

Common Belief: Calling df.plot() multiple times will automatically put all charts into one figure as subplots.

Reality: Each df.plot() call creates a new figure by default unless you specify the axis to plot on.

Why it matters: Without specifying axes, you get multiple separate windows or images, making comparison harder and cluttering your workspace.

Quick: Do shared axes mean the data changes or just the axis labels? Commit your answer.

Common Belief: Sharing axes between subplots changes the data displayed to be the same.

Reality: Sharing axes only aligns the scale and ticks; the data plotted remains independent on each subplot.

Why it matters: Misunderstanding this can cause confusion about what is being compared and lead to incorrect data interpretation.

Quick: Can you create irregular subplot layouts easily with plt.subplots()? Commit yes or no.

Common Belief: plt.subplots() can create any irregular subplot layout you want.

Reality: plt.subplots() creates regular grids; for irregular layouts, you need GridSpec or manual axes placement.

Why it matters: Trying to force irregular layouts with plt.subplots() leads to messy or unusable figures.

Quick: Does tight_layout() always fix all spacing issues perfectly? Commit yes or no.

Common Belief: Calling tight_layout() always perfectly arranges subplots without overlap.

Reality: tight_layout() helps but sometimes manual adjustments are needed for complex figures.

Why it matters: Relying blindly on tight_layout() can leave overlapping labels or clipped titles, reducing figure clarity.

Expert Zone

1

When sharing axes, tick labels may be hidden on some subplots to avoid clutter, which can confuse beginners.

2

Using GridSpec allows nesting of subplot grids, enabling highly customized layouts beyond simple rows and columns.

3

Dynamic subplot creation and updating is essential for interactive dashboards and animations, which is not obvious from static examples.

When NOT to use

Subplots are not ideal when you need fully interactive or zoomable charts; in those cases, use interactive plotting libraries like Plotly or Bokeh. Also, for very large numbers of charts, dashboards or paginated reports are better than dense subplot grids.

Production Patterns

Professionals use subplots to compare related metrics side by side, such as sales over time by region. They combine subplots with shared axes and annotations for clarity. In reports, subplots reduce page count and improve storytelling by grouping visuals logically.

Connections

Dashboard design

Subplots build on the idea of arranging multiple visuals in a single view, similar to dashboard widgets.

Understanding subplot layout helps design effective dashboards where multiple charts communicate a story together.

User interface grid layouts

Both use grid systems to organize content neatly and predictably.

Knowing how UI grids work can improve your intuition for arranging subplots and controlling spacing.

Photography contact sheets

Contact sheets show many photos in a grid for quick review, like subplots show many charts for quick comparison.

This cross-domain link highlights the universal value of arranging multiple images or visuals for efficient understanding.

Common Pitfalls

#1 Plotting multiple charts without specifying axes causes separate figures instead of subplots.

Wrong approach:

df1.plot()
df2.plot()
df3.plot()

Correct approach:

fig, axes = plt.subplots(3)
df1.plot(ax=axes[0])
df2.plot(ax=axes[1])
df3.plot(ax=axes[2])

Root cause:

Not understanding that each plot call creates a new figure unless an axis is specified.

#2 Overlapping labels and titles due to default subplot spacing.

Wrong approach:

fig, axes = plt.subplots(2, 2)
# plotting without adjusting layout
plt.show()

Correct approach:

fig, axes = plt.subplots(2, 2)
fig.tight_layout()
plt.show()

Root cause:

Ignoring the need to adjust spacing for multiple plots sharing space.

#3 Trying to create irregular subplot layouts with plt.subplots() parameters alone.

Wrong approach:

plt.subplots(nrows=3, ncols=2) # expecting irregular layout

Correct approach:

Use matplotlib.gridspec.GridSpec for custom layouts

Root cause:

Assuming plt.subplots() can handle all layout needs without advanced tools.

Key Takeaways

Subplots let you display multiple charts in one figure, making comparison easier and saving space.

Matplotlib's Figure and Axes objects organize the overall image and individual plots respectively.

You must specify the axis to plot on to combine multiple charts into subplots; otherwise, each plot creates a new figure.

Adjusting layout and spacing is essential to keep subplots readable and professional.

Advanced subplot control with GridSpec and shared axes enables flexible, clear, and aligned multi-chart presentations.