Heatmap
NPS Score Heatmap
Light theme heatmap showing Net Promoter Scores
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)
departments = ['Sales', 'Support', 'Product', 'Engineering', 'Marketing']
quarters = ['Q1 2023', 'Q2 2023', 'Q3 2023', 'Q4 2023']
nps = np.random.randint(-20, 80, (len(departments), len(quarters)))
colors = ['#dc2626', '#f97316', '#334155', '#4ade80', '#22c55e']
cmap = LinearSegmentedColormap.from_list('modern', colors, N=256)
cell_width = 0.88
cell_height = 0.82
for i in range(len(departments)):
for j in range(len(quarters)):
val = nps[i, j]
color = cmap((val + 30) / 110)
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, str(val), ha='center', va='center', color='#1e293b', fontsize=11, fontweight='bold')
ax.set_xlim(-0.5, len(quarters) - 0.5)
ax.set_ylim(-0.5, len(departments) - 0.5)
ax.set_aspect('equal')
ax.invert_yaxis()
ax.set_xticks(range(len(quarters)))
ax.set_yticks(range(len(departments)))
ax.set_xticklabels(quarters, color='#64748b', fontsize=10, fontweight='500')
ax.set_yticklabels(departments, color='#1e293b', fontsize=11, fontweight='500')
sm = plt.cm.ScalarMappable(cmap=cmap, norm=plt.Normalize(vmin=-30, vmax=80))
cbar = plt.colorbar(sm, ax=ax, shrink=0.8, aspect=30, pad=0.02)
cbar.set_label('NPS Score', 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('Net Promoter Score by Department', 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
☕