hard Data Visualisation

Sales Dashboard with Subplots

The Brief

The CEO wants a single image containing four charts: total revenue per product (bar), daily revenue trend (line), payment method split (pie), and revenue distribution (histogram). Use matplotlib subplots to lay out a 2x2 grid and save as one image.

Acceptance Criteria

Tap a criterion to mark it off as you work. Tap a category header to expand or collapse.

8 Use plt.tight_layout to prevent overlapping labels

1 Set the matplotlib backend to Agg before importing pyplot

2 Use plt.subplots(2, 2, figsize=...) to create a 2x2 grid of axes

3 Top-left: bar chart of total revenue per product

4 Top-right: line chart of daily total revenue over time

5 Bottom-left: pie chart of revenue split by payment method

6 Bottom-right: histogram of individual transaction Revenue values

7 Each subplot needs its own title and appropriate axis labels

9 Save the entire dashboard as dashboard.png

💡 Hints 0 / 3

Guest Mode Attempt this challenge freely, or log in to earn EXP & CodeCoins.

solution.py

Python 3

import matplotlib
matplotlib.use("Agg")
import matplotlib.pyplot as plt
import pandas as pd
import io

data = """Date,Product,Payment,Revenue
2024-07-01,Widget A,Card,240
2024-07-01,Widget B,Cash,180
2024-07-02,Widget A,Card,300
2024-07-02,Widget C,Online,150
2024-07-03,Widget B,Card,220
2024-07-03,Widget A,Cash,260
2024-07-04,Widget C,Online,180
2024-07-04,Widget A,Card,310
2024-07-05,Widget B,Cash,190
2024-07-05,Widget A,Online,290"""

df = pd.read_csv(io.StringIO(data))

# Create a 2x2 subplot grid
# Plot each chart on its own axes
# Save the whole thing as dashboard.png

Console