Stackplot

Traffic Analysis

Website page views by device type.

Output
Traffic Analysis
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

Did this help you?

Support PyLucid to keep it free & growing

Support