Dates on x-axis in Matplotlib - Mini Project: Build & Apply

Dates on x-axis

📖 Scenario: You work in a small bakery. You want to see how many cakes you sold each day last week. You have the dates and the number of cakes sold. You want to make a simple line chart with dates on the x-axis and cakes sold on the y-axis.

🎯 Goal: Create a line chart using matplotlib that shows the number of cakes sold each day last week. The x-axis should show the dates properly formatted.

📋 What You'll Learn

Create a list of dates for 7 days from 2024-04-01 to 2024-04-07

Create a list of integers for cakes sold each day

Use matplotlib to plot the dates on the x-axis and cakes sold on the y-axis

Format the x-axis to show dates clearly

💡 Why This Matters

🌍 Real World

Plotting dates on the x-axis is common in sales, weather, finance, and many other fields where data changes over time.

💼 Career

Data scientists and analysts often need to visualize time series data clearly to find trends and patterns.

1

Create the dates and sales data

Create a list called dates with these exact date strings: '2024-04-01', '2024-04-02', '2024-04-03', '2024-04-04', '2024-04-05', '2024-04-06', '2024-04-07'. Also create a list called cakes_sold with these exact numbers: 10, 15, 7, 12, 9, 14, 11.

Matplotlib

# Create the dates list and cakes_sold list
# Your code here

Hint

Use a list for dates with the exact date strings. Use a list for cakes_sold with the exact numbers.

2

Convert date strings to datetime objects

Import datetime from datetime module. Create a new list called date_objects by converting each string in dates to a datetime object using datetime.strptime with format '%Y-%m-%d'.

Matplotlib

dates = ['2024-04-01', '2024-04-02', '2024-04-03', '2024-04-04', '2024-04-05', '2024-04-06', '2024-04-07']
cakes_sold = [10, 15, 7, 12, 9, 14, 11]
# Convert dates strings to datetime objects
# Your code here

Hint

Use a list comprehension to convert each date string to a datetime object.

3

Plot the data with dates on x-axis

Import matplotlib.pyplot as plt. Use plt.plot to plot date_objects on the x-axis and cakes_sold on the y-axis. Use plt.gcf().autofmt_xdate() to format the dates on the x-axis nicely.

Matplotlib

from datetime import datetime

dates = ['2024-04-01', '2024-04-02', '2024-04-03', '2024-04-04', '2024-04-05', '2024-04-06', '2024-04-07']
cakes_sold = [10, 15, 7, 12, 9, 14, 11]

date_objects = [datetime.strptime(date, '%Y-%m-%d') for date in dates]
# Import matplotlib and plot the data
# Your code here

Hint

Use plt.plot to draw the line. Use plt.gcf().autofmt_xdate() to rotate date labels.

4

Show the plot

Add a line to display the plot using plt.show().

Matplotlib

from datetime import datetime
import matplotlib.pyplot as plt

dates = ['2024-04-01', '2024-04-02', '2024-04-03', '2024-04-04', '2024-04-05', '2024-04-06', '2024-04-07']
cakes_sold = [10, 15, 7, 12, 9, 14, 11]

date_objects = [datetime.strptime(date, '%Y-%m-%d') for date in dates]

plt.plot(date_objects, cakes_sold)
plt.gcf().autofmt_xdate()
# Show the plot
# Your code here

Hint

Use plt.show() to display the plot window.

Practice

1. What is the main reason to use datetime objects on the x-axis in matplotlib plots?

easy

A. To display dates properly and allow date-specific formatting

B. To speed up the plotting process

C. To change the color of the plot lines

D. To add grid lines automatically

Solution

1. Step 1: Understand the role of datetime objects

   Datetime objects represent dates and times in Python, allowing matplotlib to recognize and format them correctly on the x-axis.

2. Step 2: Identify the benefit for plotting

   Using datetime objects enables proper date formatting, such as showing months, days, or years, and helps in handling date ticks automatically.

3. Final Answer:

   To display dates properly and allow date-specific formatting -> Option A

4. Quick Check:

   Datetime objects = Proper date display [OK]

Hint: Use datetime objects to get correct date formatting on x-axis [OK]

Common Mistakes:

• Using strings instead of datetime objects for dates
• Expecting automatic color changes from datetime
• Confusing grid lines with date formatting

2. Which of the following is the correct way to import the module used for date formatting in matplotlib?

easy

A. import matplotlib.date as mdate

B. import matplotlib.dates as mdates

C. import matplotlib.datetime as mdates

D. import matplotlib.dateformatter as mdates

Solution

1. Step 1: Recall the correct module name

   The correct module for date formatting in matplotlib is called dates, not date or datetime.

2. Step 2: Match the import alias

   Common practice is to import it as mdates for convenience.

3. Final Answer:

   import matplotlib.dates as mdates -> Option B

4. Quick Check:

   matplotlib.dates = mdates [OK]

Hint: Remember: 'dates' plural, alias 'mdates' [OK]

Common Mistakes:

• Using singular 'date' instead of 'dates'
• Confusing datetime module with matplotlib.dates
• Using wrong alias causing import errors

3. What will the following code output?

import matplotlib.pyplot as plt
import matplotlib.dates as mdates
from datetime import datetime

dates = [datetime(2024, 1, 1), datetime(2024, 1, 2), datetime(2024, 1, 3)]
values = [10, 20, 15]

plt.plot(dates, values)
plt.gcf().autofmt_xdate()
plt.show()

medium

A. A line plot with dates on x-axis formatted and rotated for readability

B. A line plot with numeric x-axis values instead of dates

C. An error because dates are not converted to strings

D. A scatter plot with dates on y-axis

Solution

1. Step 1: Understand the plot function with datetime

   The plt.plot function accepts datetime objects on the x-axis and plots the corresponding values.

2. Step 2: Effect of autofmt_xdate()

   This function rotates and formats the date labels on the x-axis to prevent overlap and improve readability.

3. Final Answer:

   A line plot with dates on x-axis formatted and rotated for readability -> Option A

4. Quick Check:

   autofmt_xdate() rotates date labels [OK]

Hint: Use autofmt_xdate() to rotate date labels automatically [OK]

Common Mistakes:

• Expecting string conversion of dates automatically
• Confusing plot type with scatter
• Ignoring the effect of autofmt_xdate()

4. Identify the error in this code snippet that tries to plot dates on the x-axis:

import matplotlib.pyplot as plt
from datetime import datetime

dates = ['2024-01-01', '2024-01-02', '2024-01-03']
values = [5, 10, 15]

plt.plot(dates, values)
plt.show()

medium

A. plt.plot cannot plot lists

B. Values list length does not match dates list length

C. Missing import for matplotlib.dates module

D. Dates are strings, not datetime objects, causing incorrect x-axis formatting

Solution

1. Step 1: Check the type of dates list

   The dates are given as strings, which matplotlib does not automatically convert to dates for axis formatting.

2. Step 2: Understand the impact on plotting

   Using strings causes matplotlib to treat them as categorical labels, not dates, so date formatting and scaling won't work properly.

3. Final Answer:

   Dates are strings, not datetime objects, causing incorrect x-axis formatting -> Option D

4. Quick Check:

   Use datetime objects, not strings for dates [OK]

Hint: Convert date strings to datetime objects before plotting [OK]

Common Mistakes:

• Using strings directly for dates
• Assuming matplotlib auto-converts strings to dates
• Ignoring the need for datetime conversion

5. You want to plot daily sales data for January 2024 with dates on the x-axis. You have a list of date strings and sales numbers. Which code snippet correctly converts the dates and formats the x-axis for clear display?

dates = ['2024-01-01', '2024-01-02', '2024-01-03']
sales = [100, 150, 120]

hard

A. from datetime import datetime
plt.plot([datetime(d) for d in dates], sales)
plt.show()

B. import matplotlib.pyplot as plt
plt.plot(dates, sales)
plt.xticks(rotation=45)
plt.show()

C. from datetime import datetime
import matplotlib.pyplot as plt
import matplotlib.dates as mdates

converted_dates = [datetime.strptime(d, '%Y-%m-%d') for d in dates]
plt.plot(converted_dates, sales)
plt.gca().xaxis.set_major_formatter(mdates.DateFormatter('%b %d'))
plt.gcf().autofmt_xdate()
plt.show()

D. import matplotlib.dates as mdates
plt.plot(dates, sales)
plt.gca().xaxis.set_major_locator(mdates.DayLocator())
plt.show()

Solution

1. Step 1: Convert date strings to datetime objects

   Use datetime.strptime with the correct format to convert each string to a datetime object.

2. Step 2: Format x-axis dates and rotate labels

   Use mdates.DateFormatter to set a readable date format and autofmt_xdate() to rotate labels for clarity.

3. Final Answer:

   The code snippet that correctly converts dates and formats x-axis -> Option C

4. Quick Check:

   Convert dates + format + rotate labels = from datetime import datetime import matplotlib.pyplot as plt import matplotlib.dates as mdates converted_dates = [datetime.strptime(d, '%Y-%m-%d') for d in dates] plt.plot(converted_dates, sales) plt.gca().xaxis.set_major_formatter(mdates.DateFormatter('%b %d')) plt.gcf().autofmt_xdate() plt.show() [OK]

Hint: Convert strings with strptime, format with DateFormatter, rotate labels [OK]

Common Mistakes:

• Plotting strings without conversion
• Using datetime(d) instead of strptime
• Forgetting to rotate date labels