Stackplot
Traffic Analysis
Website page views by device type.
Output
Python
import matplotlib.pyplot as plt
import numpy as np
COLORS = {
'desktop': '#6366F1',
'mobile': '#10B981',
'tablet': '#F59E0B',
'background': '#FFFFFF',
'text': '#1E293B',
'text_muted': '#64748B',
'grid': '#F1F5F9'
}
days = np.arange(1, 31)
np.random.seed(42)
base_desktop = 5000 + 500*np.sin(days/3) + np.random.normal(0, 200, 30)
base_mobile = 8000 + 800*np.sin(days/4 + 1) + np.random.normal(0, 300, 30)
base_tablet = 1500 + 200*np.sin(days/5 + 2) + np.random.normal(0, 100, 30)
fig, ax = plt.subplots(figsize=(12, 6), dpi=100)
ax.set_facecolor(COLORS['background'])
fig.patch.set_facecolor(COLORS['background'])
ax.stackplot(days, base_desktop, base_mobile, base_tablet,
colors=[COLORS['desktop'], COLORS['mobile'], COLORS['tablet']],
alpha=0.85, labels=['Desktop', 'Mobile', 'Tablet'])
ax.spines['top'].set_visible(False)
ax.spines['right'].set_visible(False)
ax.spines['left'].set_color(COLORS['grid'])
ax.spines['bottom'].set_color(COLORS['grid'])
ax.tick_params(axis='both', colors=COLORS['text_muted'], labelsize=9, length=0, pad=8)
ax.set_xlim(1, 30)
ax.set_xlabel('Day of Month', fontsize=10, color=COLORS['text'], labelpad=10)
ax.set_ylabel('Page Views', fontsize=10, color=COLORS['text'], labelpad=10)
ax.legend(loc='upper center', bbox_to_anchor=(0.5, -0.12), ncol=3, frameon=False, fontsize=9, labelcolor=COLORS['text_muted'])
plt.tight_layout()
plt.show()
Library
Matplotlib
Category
Basic Charts
More Stackplot examples
☕