Treemap
User Engagement Time Distribution
Dark-themed treemap showing user engagement time distribution across different app features and content types.
Output
Python
import matplotlib.pyplot as plt
import squarify
import numpy as np
# Engagement time (hours/day aggregate)
labels = ['Video Content', 'Social Feed', 'Messaging', 'Gaming',
'Shopping', 'News/Articles', 'Search', 'Music', 'Settings']
sizes = [4500, 3800, 2800, 1950, 1200, 1650, 850, 1100, 280]
total = sum(sizes)
# CLAUDE.md colors
colors = ['#F5276C', '#27D3F5', '#5314E6', '#6CF527', '#F5B027',
'#276CF5', '#F54927', '#27F5B0', '#C82909']
fig, ax = plt.subplots(figsize=(12, 8), facecolor='#0a0a0f')
ax.set_facecolor('#0a0a0f')
pct = [s/total*100 for s in sizes]
squarify.plot(sizes=sizes,
label=[f'{l}\n{s/1000:.1f}K hrs ({p:.1f}%)' for l, s, p in zip(labels, sizes, pct)],
color=colors, alpha=0.85, ax=ax,
text_kwargs={'fontsize': 9, 'color': 'white', 'fontweight': 'bold'})
ax.axis('off')
ax.set_title(f'Daily User Engagement - {total/1000:.1f}K Hours',
fontsize=18, color='#f8fafc', fontweight='bold', pad=20)
plt.tight_layout()
plt.show()
Library
Matplotlib
Category
Part-to-Whole
☕