Heatmap
Server Load Heatmap
Light theme heatmap showing server CPU load over time
Output
Python
import matplotlib.pyplot as plt
import numpy as np
from matplotlib.colors import LinearSegmentedColormap
from matplotlib.patches import FancyBboxPatch
fig, ax = plt.subplots(figsize=(14, 6), facecolor='#ffffff')
ax.set_facecolor('#ffffff')
np.random.seed(42)
servers = ['Server 1', 'Server 2', 'Server 3', 'Server 4', 'Server 5']
hours = [f'{h:02d}:00' for h in range(24)]
data = np.random.beta(2, 5, (len(servers), 24)) * 100
data[:, 9:18] += 30
colors = ['#1e293b', '#78350f', '#d97706', '#fbbf24', '#fef3c7']
cmap = LinearSegmentedColormap.from_list('modern', colors, N=256)
cell_w, cell_h = 0.88, 0.82
for i in range(len(servers)):
for j in range(len(hours)):
val = data[i, j]
rect = FancyBboxPatch((j - cell_w/2, i - cell_h/2), cell_w, cell_h,
boxstyle="round,pad=0.02,rounding_size=0.12",
facecolor=cmap((val - 0) / (100 - 0)), edgecolor='#e2e8f0', linewidth=1.5)
ax.add_patch(rect)
ax.set_xlim(-0.5, len(hours)-0.5)
ax.set_ylim(-0.5, len(servers)-0.5)
ax.set_aspect('equal')
ax.invert_yaxis()
ax.set_xticks(range(len(hours)))
ax.set_yticks(range(len(servers)))
ax.set_xticklabels(hours, color='#64748b', fontsize=10, fontweight='500')
ax.set_yticklabels(servers, color='#1e293b', fontsize=11, fontweight='500')
sm = plt.cm.ScalarMappable(cmap=cmap, norm=plt.Normalize(0, 100))
cbar = plt.colorbar(sm, ax=ax, shrink=0.8, pad=0.02)
cbar.set_label('CPU Load %', color='#1e293b', fontsize=11)
cbar.outline.set_edgecolor('#e2e8f0')
plt.setp(plt.getp(cbar.ax.axes, 'yticklabels'), color='#64748b')
for spine in ax.spines.values(): spine.set_visible(False)
ax.tick_params(length=0)
ax.set_title('Server CPU Load Over 24 Hours', fontsize=18, color='#1e293b', fontweight='bold', pad=20)
plt.tight_layout()
plt.show()
Library
Matplotlib
Category
Heatmaps & Density
More Heatmap examples
☕