LineChart — 384px total · plot + x-label strip + legend bar · RIGHT secondary-axis strip · stroke 2px, round caps, no dots, no fill
1050
6/307/17/27/37/47/57/6
Calls Texts Emails
Hover tooltip
Calls: 9
Texts: 24 (18%)
Emails: 6
Reply-rate is NOT a plotted series — it appears only here, appended to the Texts row as "(18%)". Tooltip: gray-07 fill, 2px gray-06 border, r5, padding 12px/8px; rows 14px semibold in the series color.
Exact geometry: total height 384px. The plot rectangle is the WHITE page-bg token (reads darker than the gray-07 card in dark mode — production does exactly this); the axis/x-label/legend strips stay gray-07 and blend with the gray-07-filled section card, separated by 1px gray-06 hairlines. Plot = 10 horizontal 1px gray-06 gridlines inset 16px left/right with 16px top padding reserved; NO left axis — the dashboard charts use the SECONDARY axis: a vertical strip on the RIGHT (gray-07 fill, 1px gray-06 left border, width sized to "999") holding ONLY 3 labels (max / max÷2 / 0) spaceBetween with a 16px top offset, 10px medium gray-03. Plot bottom edge = 1px gray-06 hairline. Lines: 2px stroke, round caps/joins, no dots, no area fill — Calls orange-01 · Texts blue-01 · Emails green-01. X-LABEL STRIP: gray-07 fill, 1px gray-06 top border, 10px medium gray-03 dates centered under their points, 2px top / 3px bottom margin. LEGEND BAR: gray-07 fill, padding 12px/8px; items = 4px color dot + 4px gap + 10px medium gray-03 label, 8px horizontal padding each, left-aligned.
FunnelChart — equal-width tile row · value strip · legend strip · semantic colors · edge-to-edge
Appt Funnel
38151521
Set Confirmed Shown Missed Declined
Lead Funnel — Finance = 0 → empty slot
112013
Fresh Working Finance Close Archive
Exact geometry: the funnel pane rectangle is the WHITE page-bg token; the value/legend strips stay gray-07 (blending with the gray-07 card), hairline-separated. The funnel is a ROW of EQUAL-WIDTH flexible tiles — one per stage — each bar filling its column width minus 1px each side (2px inter-bar gap), radius 3, height proportional to value vs the max, VERTICALLY CENTERED in a pane with min-height 120 and 16px vertical padding. The two stage-groups are separated by ONE empty bar-width spacer column; a ZERO value draws nothing (empty slot — see Finance). Below the pane: VALUE STRIP (gray-07, padding 2, one 10px medium gray-02 number centered per column, spacer empty) then LEGEND STRIP (gray-07, padding 12/8, 4px dots + 10px gray-03 labels). Colors are SEMANTIC per status, never an ordered palette — Appt: Set purple-01 · Confirmed blue-01 · Shown green-01 · Missed orange-01 · Declined red-01; Lead: Fresh orange-01 · Working purple-01 · Finance blue-01 · Close green-01 · Archive red-01. Charts sit EDGE-TO-EDGE inside their card (zero side padding). Stepped only — the smooth FunnelItemsGroupType variant is unused by sales.