Visualization Types
~4 min readChoosing the right visualization makes the status of your goal immediately obvious at a glance. Here’s what each type does and when to reach for it.
Metric
A large hero number with an OKR progress bar and a vs-prior comparison pill.
When to use: Your primary KPI against a goal. Best when the number itself is the story — revenue, order count, AOV.
Shows: - The current value (large, bold) - OKR goal statement: “Grow 10% vs last period — reach $9,297” - Progress bar from 0 to goal - Delta vs comparison period: “+12% vs last month”
Supported by: Revenue, Orders, AOV, Items Sold, Store Sessions
Sparkline
A hero number with a delta pill and a trend line chart beneath it.
When to use: When the trend shape matters as much as the total. Use for Revenue Trend or Sessions Trend to spot peaks and dips.
Shows: - The current period total (hero number) - Delta vs comparison period - A mini line chart over the selected window
Supported by: Revenue, Orders, Items Sold, Store Sessions, Revenue Trend, Sessions Trend
Chart
A full-width trend line chart. Alias for Sparkline when the trend dominates.
When to use: When the trajectory is the main story and the total is secondary. Good for trend-heavy dashboards.
Supported by: Revenue Trend, Sessions Trend
Bar
A horizontal bar chart with an optional goal line.
When to use: Comparing ranked items or showing progress against a fixed target visually. Good when you have multiple items to compare side-by-side.
Supported by: Orders (when grouped), custom SmashQL
Gauge
An arc-style dial showing % progress toward a goal.
When to use: When goal progress is the entire story at a glance. Good for rate or threshold metrics where you want a “speedometer” feel.
Supported by: Orders Tracker (legacy), Revenue Monitor (legacy), custom SmashGL cards with a GOAL clause
Badge
A simple large-number summary with no comparison or trend.
When to use: Status signals where the number speaks for itself — inventory counts, flags, alerts. Not for goal tracking.
Supported by: Inventory Health
Table
Ranked rows sorted by a metric, displayed as a data table.
When to use: Ranked data like top products by revenue, where you need to see the breakdown, not just the total.
Supported by: Top Products, Custom SmashGL Cards
Choosing the Right Visualization
| Your goal | Best visualization |
|---|---|
| Track revenue against a monthly target | Metric |
| See how revenue has trended this week | Sparkline or Chart |
| Check if order count is on pace | Metric or Gauge |
| Compare this month vs last month at a glance | Metric |
| See which products are driving revenue | Table |
| Monitor stock levels | Badge |
| Show progress toward a goal on a big screen | Gauge |
Next Steps
Still need help?