Stackplot
Sales Channels
Revenue by sales channel over quarters.
Output
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
More Stackplot examples
☕