Horizon Chart
Call Center Volume Horizon
Customer service horizon chart showing call volume patterns with teal gradient.
Output
Python
import matplotlib.pyplot as plt
import numpy as np
COLORS = {
'bands': ['#CCFBF1', '#5EEAD4', '#14B8A6', '#0F766E'],
'background': '#ffffff',
'text': '#1f2937',
'grid': '#e5e7eb',
}
np.random.seed(2323)
hours = np.arange(0, 120) # 5 work days (Mon-Fri)
# Call volume: peaks mid-morning and early afternoon
morning_peak = 40 * np.exp(-((hours % 24 - 10)**2) / 5)
afternoon_peak = 30 * np.exp(-((hours % 24 - 14)**2) / 6)
# Zero out nights (before 8am, after 6pm)
active = ((hours % 24 >= 8) & (hours % 24 <= 18)).astype(float)
calls = (morning_peak + afternoon_peak) * active + np.random.exponential(5, len(hours)) * active
calls = np.clip(calls, 0, 80)
calls_norm = calls / 80
fig, ax = plt.subplots(figsize=(14, 3), facecolor=COLORS['background'])
ax.set_facecolor(COLORS['background'])
band = 0.25
ax.fill_between(hours, 0, np.clip(calls_norm, 0, band), color=COLORS['bands'][0])
ax.fill_between(hours, 0, np.clip(calls_norm - band, 0, band), color=COLORS['bands'][1])
ax.fill_between(hours, 0, np.clip(calls_norm - 2*band, 0, band), color=COLORS['bands'][2])
ax.fill_between(hours, 0, np.clip(calls_norm - 3*band, 0, band), color=COLORS['bands'][3])
ax.set_xlim(0, 119)
ax.set_ylim(0, 0.3)
ax.set_title('Call Center Volume (calls/hour)', color=COLORS['text'], fontsize=12, fontweight='bold', pad=10)
ax.set_xlabel('Day', color=COLORS['text'], fontsize=10)
ax.set_ylabel('Calls/hr', color=COLORS['text'], fontsize=10)
ax.set_xticks([0, 24, 48, 72, 96])
ax.set_xticklabels(['Mon', 'Tue', 'Wed', 'Thu', 'Fri'])
for spine in ax.spines.values():
spine.set_color(COLORS['grid'])
ax.tick_params(colors=COLORS['text'], labelsize=9)
plt.tight_layout()
plt.show()
Library
Matplotlib
Category
Time Series
More Horizon Chart examples
☕