User Journey Heatmap

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, 8), facecolor='#ffffff')
ax.set_facecolor('#ffffff')

np.random.seed(42)
pages = ['Home', 'Products', 'Cart', 'Checkout', 'Payment', 'Confirm']
user_types = ['New', 'Returning', 'VIP', 'Mobile', 'Desktop']
visits = np.random.randint(100, 1000, (len(user_types), len(pages)))
visits = (visits.T / visits.max(axis=1) * 100).T

colors = ['#1e293b', '#164e63', '#0891b2', '#22d3ee', '#a5f3fc']
cmap = LinearSegmentedColormap.from_list('funnel', colors, N=256)

cell_width = 0.88
cell_height = 0.82
for i in range(len(user_types)):
    for j in range(len(pages)):
        val = visits[i, j]
        color = cmap(val / 100)
        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:.0f}%', ha='center', va='center', 
                color='#1e293b' if val > 50 else '#a5f3fc', fontsize=10, fontweight='bold')

ax.set_xlim(-0.5, len(pages) - 0.5)
ax.set_ylim(-0.5, len(user_types) - 0.5)
ax.set_aspect('equal')
ax.invert_yaxis()

ax.set_xticks(range(len(pages)))
ax.set_yticks(range(len(user_types)))
ax.set_xticklabels(pages, color='#64748b', fontsize=10, fontweight='500')
ax.set_yticklabels(user_types, color='#1e293b', fontsize=11, fontweight='500')

sm = plt.cm.ScalarMappable(cmap=cmap, norm=plt.Normalize(vmin=0, vmax=100))
cbar = plt.colorbar(sm, ax=ax, shrink=0.8, aspect=30, pad=0.02)
cbar.set_label('Engagement %', 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('User Journey Funnel Analysis', fontsize=18, color='#1e293b', fontweight='bold', pad=20)
ax.tick_params(length=0)
plt.tight_layout()
plt.show()