Business Docs Pack · the shared design systemReference

Chart Cookbook

One of every graphic the pack uses, drawn with the pack's rules. Copy the structure; replace the numbers.

01Vertical bars

Value labels bold above every bar, category labels below, one baseline, rounded tops, no gridlines.

18 hNov34 hDec52 hJan61 hFeb68 hMar

02Grouped bars

Two series per category, a legend above, labels nudged apart.

Spend, $KLeads
$48K$40K$22K$18K812644371158MetaSearchLSAYouTube

03Horizontal bars

Label on the left (right-aligned), value at the bar end, your own item highlighted.

Lone Star$12 / moThermoPro$16 / moEssential (ours)$19 / moAirCo$29 / moComfort (ours)$34 / mo

04Line with a trend

Dots with a white stroke, a soft area under the first series, a dashed regression line; the trend goes in the legend.

Leads a weekTrend, +7.4 a week
142151139168175170189201184212221208238W27W28W29W30W31W32W33W34W35W36W37W38W39

05Two lines (actual vs plan)

The comparison series is dashed and grey.

Actual, $KPlan
$402K$388K$431K$468K$512K$574KJanFebMarAprMayJun

06Donut

Thick ring, a big number in the centre with a small caps label, a legend list beside it.

185HOURS / WEEK
Admin 64 h · Dispatch 48 h · Sales 41 h · Finance 32 h

07Funnel

Stacked rounded bars, widths on a log scale so the bottom is still visible, the step conversion in coral on the left.

Impressions4,812,000Clicks96,4002.0%Leads2,3182.4%Booked61126.4%Closed40265.8%

082×2 map

A soft grey field, white cross lines, quadrant labels in the corners, dots with initials and names, axis labels.

FAST AND CHEAPFAST AND PREMIUMSLOW AND CHEAPSLOW AND PREMIUMBRBrightlineAIAirCoLOLone StarValue ← price → PremiumSlow ← speed → Fast

09Progress bars

One row per item, the percentage at the right in the status color.

O1 · Same-day for everyone72%KR 1.1 · same-day rate 80%68%O2 · Members, not customers55%

10Gantt

Weeks as light vertical lines, labels on the left, colored bars.

W1W3W5W7W9W11Landing pageEmail wavePaid campaignReferral bonus

11Concentric rings

TAM, SAM, SOM nested, values to the right.

TAM · all households$240MSAM · 35 min from a yard$96MSOM · reachable in 3 years$14MSOM

12KPI tiles, badges, callouts, tables

The non-chart blocks, as used on every page.

Spend
$142.6K
+8% vs Q2
Leads
2,318
+21% vs Q2
Cost / lead
$61.5
−11% vs Q2
Churn
4.1%
+0.6 pt
ProcessHrs / wkVerdict
Answer inbound calls22automate
Onboard a new tech6delegate
Vendor negotiations4keep

A closing callout

Lavender tint, violet heading, body text. One per page at most, always at the end.