Heatmap
Social Media Reach Heatmap
Light theme heatmap showing post reach by 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=(12, 8), facecolor='#ffffff')
ax.set_facecolor('#ffffff')
np.random.seed(42)
platforms = ['Twitter', 'Instagram', 'LinkedIn', 'TikTok', 'YouTube']
content_types = ['Video', 'Image', 'Text', 'Story', 'Live']
reach = np.random.randint(1000, 50000, (len(platforms), len(content_types)))
colors = ['#1e293b', '#581c87', '#9333ea', '#c084fc', '#e9d5ff']
cmap = LinearSegmentedColormap.from_list('social', colors, N=256)
cell_w, cell_h = 0.88, 0.82
for i in range(len(platforms)):
for j in range(len(content_types)):
val = reach[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/50000), edgecolor='#e2e8f0', linewidth=1.5)
ax.add_patch(rect)
ax.text(j, i, f'{val//1000}K', ha='center', va='center', color='#1e293b', fontsize=10, fontweight='bold')
ax.set_xlim(-0.5, len(content_types)-0.5)
ax.set_ylim(-0.5, len(platforms)-0.5)
ax.set_aspect('equal')
ax.invert_yaxis()
ax.set_xticks(range(len(content_types)))
ax.set_yticks(range(len(platforms)))
ax.set_xticklabels(content_types, color='#64748b', fontsize=10, fontweight='500')
ax.set_yticklabels(platforms, color='#1e293b', fontsize=11, fontweight='500')
sm = plt.cm.ScalarMappable(cmap=cmap, norm=plt.Normalize(0, 50000))
cbar = plt.colorbar(sm, ax=ax, shrink=0.8, pad=0.02)
cbar.set_label('Reach', 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('Social Media Reach by Content Type', fontsize=18, color='#1e293b', fontweight='bold', pad=20)
plt.tight_layout()
plt.show()
Library
Matplotlib
Category
Heatmaps & Density
More Heatmap examples
☕