Stable src/components/shipping/shots/ShipShotAnalytics.astro + ShipShotZone.astro (bar charts rendered in two-column splits on src/pages/parcel-analytics.astro); src/pages/ai-spend-audit.astro + src/styles/ai-spend-audit.css (.asa-bars minimal strip + real .asa-mock-range range pills, data in src/content/copy/ai-spend-audit.ts)

When to use

Reach for a bar chart panel when a screenshot-style proof of "real" product data reads more convincing than a stat number alone — parcel-analytics pairs one beside copy in a two-column split, ai-spend-audit drops a lighter unlabelled strip into one tab of an interactive dashboard mock. There is no grounded line/time-series chart anywhere on the marketing site; treat that shape as unverified until a real instance ships. For a single static number, prefer StatTrio; for a ranked list of recommendations, that is ActionPlan (see ShipShotAiReport), not ChartBand.

bar-horizontal — ShipShotAnalytics, "Spend by Service"

Ground Residential
Shipping ChargeCorrection Ground
Ground Commercial
Returns Ground
Address CorrectionGround
$0k$95k$190k$285k$380k

bar-vertical — ShipShotZone, "Volume by Zone"

$220k$165k$110k$55k$0k
Zone 2
Zone 3
Zone 4
Zone 5
Zone 6
Zone 7
Zone 8

minimal-strip-with-range-pills — ai-spend-audit, ".asa-bars"

AI Spend agent
Daily cost last 30 days

Range pills update the caption above — the bars themselves never change, matching the real source.