Heatmap
Revenue Attribution Heatmap
Dark theme heatmap showing revenue by channel and product
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)
channels = ['Organic', 'Paid Search', 'Social', 'Email', 'Referral', 'Direct']
quarters = ['Q1', 'Q2', 'Q3', 'Q4']
revenue = np.random.randint(100, 800, (len(channels), len(quarters)))
colors = ['#1e293b', '#065f46', '#10b981', '#34d399', '#a7f3d0']
cmap = LinearSegmentedColormap.from_list('money', colors, N=256)
cell_width = 0.88
cell_height = 0.82
for i in range(len(channels)):
for j in range(len(quarters)):
val = revenue[i, j]
color = cmap(val / revenue.max())
rect = FancyBboxPatch((j - cell_width/2, i - cell_height/2),
cell_width, cell_height,
boxstyle="round,pad=0.02,rounding_size=0.12",
facecolor=color, edgecolor='#e2e8f0', linewidth=1.5)
ax.add_patch(rect)
ax.text(j, i, f'${val}K', ha='center', va='center',
color='#1e293b' if val > 400 else '#a7f3d0', fontsize=10, fontweight='bold')
ax.set_xlim(-0.5, len(quarters) - 0.5)
ax.set_ylim(-0.5, len(channels) - 0.5)
ax.set_aspect('equal')
ax.invert_yaxis()
ax.set_xticks(range(len(quarters)))
ax.set_yticks(range(len(channels)))
ax.set_xticklabels(quarters, color='#64748b', fontsize=11, fontweight='600')
ax.set_yticklabels(channels, color='#1e293b', fontsize=11, fontweight='500')
sm = plt.cm.ScalarMappable(cmap=cmap, norm=plt.Normalize(vmin=0, vmax=revenue.max()))
cbar = plt.colorbar(sm, ax=ax, shrink=0.8, aspect=30, pad=0.02)
cbar.set_label('Revenue ($K)', color='#1e293b', fontsize=11, fontweight='500')
cbar.ax.yaxis.set_tick_params(color='#64748b')
plt.setp(plt.getp(cbar.ax.axes, 'yticklabels'), color='#64748b')
cbar.outline.set_edgecolor('#e2e8f0')
for spine in ax.spines.values():
spine.set_visible(False)
ax.set_title('Revenue Attribution by Channel', fontsize=18, color='#1e293b', fontweight='bold', pad=20)
ax.tick_params(length=0)
plt.tight_layout()
plt.show()
Library
Matplotlib
Category
Heatmaps & Density
More Heatmap examples
☕