Stackplot

Sales Channels

Revenue by sales channel over quarters.

Output
Sales Channels
Python
import matplotlib.pyplot as plt
import numpy as np

COLORS = {
    'direct': '#6366F1',
    'partner': '#10B981',
    'online': '#F59E0B',
    'retail': '#EC4899',
    'background': '#FFFFFF',
    'text': '#1E293B',
    'text_muted': '#64748B',
    'grid': '#F1F5F9'
}

quarters = np.arange(1, 9)
q_labels = ['Q1', 'Q2', 'Q3', 'Q4', 'Q1', 'Q2', 'Q3', 'Q4']
direct = [30, 32, 35, 38, 42, 45, 48, 52]
partner = [20, 22, 25, 28, 30, 33, 36, 40]
online = [15, 20, 28, 35, 45, 55, 68, 80]
retail = [25, 24, 22, 20, 18, 16, 14, 12]

fig, ax = plt.subplots(figsize=(10, 6), dpi=100)
ax.set_facecolor(COLORS['background'])
fig.patch.set_facecolor(COLORS['background'])

ax.stackplot(quarters, direct, partner, online, retail,
             colors=[COLORS['direct'], COLORS['partner'], COLORS['online'], COLORS['retail']],
             alpha=0.85, labels=['Direct', 'Partner', 'Online', 'Retail'])

# Total line
total = np.array(direct) + np.array(partner) + np.array(online) + np.array(retail)
ax.plot(quarters, total, color=COLORS['text'], linewidth=2, linestyle='--', alpha=0.5, label='Total')

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_xticks(quarters)
ax.set_xticklabels(q_labels)
ax.set_xlim(1, 8)
ax.set_ylabel('Revenue ($M)', fontsize=10, color=COLORS['text'], labelpad=10)
ax.legend(loc='upper center', bbox_to_anchor=(0.5, -0.12), ncol=5, 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