Target vs Actual

import matplotlib.pyplot as plt
import numpy as np

COLORS = {
    'target': '#94A3B8',
    'actual': '#10B981',
    'background': '#FFFFFF',
    'text': '#1E293B',
    'text_muted': '#64748B',
    'grid': '#F1F5F9',
}

quarters = ['Q1', 'Q2', 'Q3', 'Q4']
target = [100, 110, 120, 130]
actual = [95, 115, 108, 142]
error = [5, 8, 6, 10]

x = np.arange(len(quarters))
width = 0.35

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

ax.bar(x - width/2, target, width*0.85, color=COLORS['target'], alpha=0.7,
       edgecolor='white', linewidth=1.5, label='Target', zorder=3)
bars = ax.bar(x + width/2, actual, width*0.85, color=COLORS['actual'], alpha=0.85,
              edgecolor='white', linewidth=1.5, label='Actual', zorder=3)
ax.errorbar(x + width/2, actual, yerr=error, fmt='none', ecolor=COLORS['text'],
            elinewidth=1.5, capsize=4, capthick=1.5, zorder=4)

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.yaxis.grid(True, color=COLORS['grid'], linewidth=1, zorder=0)
ax.set_axisbelow(True)
ax.tick_params(axis='both', colors=COLORS['text_muted'], labelsize=9, length=0, pad=8)

ax.set_xticks(x)
ax.set_xticklabels(quarters)
ax.set_ylim(0, 170)
ax.set_ylabel('Revenue ($M)', fontsize=10, color=COLORS['text'], labelpad=10)

ax.legend(loc='upper center', bbox_to_anchor=(0.5, -0.12),
          ncol=2, frameon=False, fontsize=9, labelcolor=COLORS['text_muted'])

plt.tight_layout()
plt.show()