dAta
15 visualization patterns for tracking dashboards. Charts, metrics, tables, and composed layouts — all built with Recharts, styled to the Alchemy token system.
metricS
KPI cards with live trend indicators. The atomic unit of every tracking dashboard.
KPI Card · trend arrow · mono values · 4-up grid
Conversions Tracked
12,847
Match Quality
94.2%
Signal Coverage
87%
Events/Day
34.2K
line chart
Multi-series conversion trends across platforms. 12 months of tracked events.
LineChart · 3 series · custom tooltip · 12mo
Conversion Trends
area chArt
Stacked revenue attribution with gradient fills. Shows channel contribution over time.
AreaChart · 4 channels · gradient defs · stacked
Revenue Attribution
bar chArt
Grouped bars comparing spend vs revenue by campaign. The core performance view.
BarChart · grouped · 6 campaigns · spend vs revenue
Campaign Performance
horizontAl bar
Platform rankings by total conversions. Immediate visual hierarchy.
BarChart · horizontal · ranked · orange fill · labels
Top Platforms by Conversions
donut chart
Conversion source mix with proportional segments. Center label for total or key metric.
PieChart · donut · 5 segments · center label · orange/blue/neutral
Conversion Source Mix
compoSed chart
Revenue bars with ROAS line overlay on dual Y-axis. The executive summary chart.
ComposedChart · bars + line · dual Y-axis · dashed ROAS · 12mo
Revenue & ROAS Trend
scatter chArt
Spend vs conversions correlation. Each dot is a campaign cohort — size encodes efficiency.
ScatterChart · spend vs conversions · translucent orange · 20 points
Spend vs Conversions
radar chart
Multi-axis health profile across 6 signal dimensions. Shows balance and gaps at a glance.
RadarChart · 6 dimensions · polar grid · orange fill · score labels
Channel Health Profile
stat lists
Ranked campaign performance with progress bars. Scannable top-performer leaderboard.
Ranked list · 5 rows · progress bar · mono metrics · revenue
Top Performing Campaigns
compArison cards
Side-by-side period comparison. This Period vs Last Period with calculated delta.
Comparison · 4 cards · period vs period · delta calc · trend color
Total Spend
This Period
$52,600
Last Period
$48,200
Total Revenue
This Period
$118,200
Last Period
$98,400
Avg CPA
This Period
$8.42
Last Period
$9.18
Blended ROAS
This Period
5.7x
Last Period
4.8x
sparklines
Inline mini charts embedded in metric rows. Trend at a glance without leaving the table.
Sparkline · 4 rows · inline LineChart · 12 points · no axis
progrEss gauges
Circular and linear progress indicators for KPI targets. Visual pacing at a glance.
Circular gauge · linear bar · 4 circular + 3 linear · percentage labels
Signal Health
Campaign Pacing
data tAble
Sortable campaign table with type-aligned columns, sort indicators, and pagination.
DataTable · 7 columns · sort arrows · pagination · status badges · mono numbers
mini daShboard
Composed layout showing how metric cards, charts, and lists combine into a cohesive view.
Composition · 4 KPIs + AreaChart + Donut + Stat List · responsive grid
Revenue
$118.2K
↑ +20.1%ROAS
5.7x
↑ +18.8%Conversions
12,847
↑ +23.4%CPA
$8.42
↑ -8.3%