Social Engagement

import matplotlib.pyplot as plt
import numpy as np

COLORS = {
    'instagram': '#E1306C',
    'twitter': '#1DA1F2',
    'linkedin': '#0A66C2',
    'facebook': '#1877F2',
    'tiktok': '#000000',
    'background': '#FFFFFF',
    'text': '#1E293B',
    'text_muted': '#64748B',
    'grid': '#F1F5F9'
}

quarters = np.arange(1, 9)
q_labels = ['Q1\'22', 'Q2', 'Q3', 'Q4', 'Q1\'23', 'Q2', 'Q3', 'Q4']
instagram = [45, 52, 58, 65, 72, 80, 88, 95]
twitter = [30, 32, 35, 38, 40, 42, 44, 46]
linkedin = [15, 18, 22, 28, 35, 42, 50, 58]
facebook = [40, 38, 35, 32, 30, 28, 26, 24]
tiktok = [5, 12, 25, 40, 60, 85, 110, 140]

fig, ax = plt.subplots(figsize=(10, 6), dpi=100)
ax.set_facecolor(COLORS['background'])
fig.patch.set_facecolor(COLORS['background'])

ax.stackplot(quarters, instagram, twitter, linkedin, facebook, tiktok,
             colors=[COLORS['instagram'], COLORS['twitter'], COLORS['linkedin'], COLORS['facebook'], COLORS['tiktok']],
             alpha=0.85, labels=['Instagram', 'Twitter', 'LinkedIn', 'Facebook', 'TikTok'])

ax.spines['top'].set_visible(False)
ax.spines['right'].set_visible(False)
ax.spines['left'].set_color(COLORS['grid'])
ax.spines['bottom'].set_color(COLORS['grid'])
ax.tick_params(axis='both', colors=COLORS['text_muted'], labelsize=9, length=0, pad=8)
ax.set_xticks(quarters)
ax.set_xticklabels(q_labels)
ax.set_xlim(1, 8)
ax.set_ylabel('Engagement (K)', fontsize=10, color=COLORS['text'], labelpad=10)
ax.legend(loc='upper center', bbox_to_anchor=(0.5, -0.12), ncol=5, frameon=False, fontsize=9, labelcolor=COLORS['text_muted'])

plt.tight_layout()
plt.show()