Trend Comparison Tiles
Two side by side tiles comparing the same metric across two segments with values, deltas, and a summary read.
Two side by side tiles comparing the same metric across two segments with values, deltas, and a summary read.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Trend Comparison Tiles lays two cards side by side for the same metric across two segments. Mobile shows 64.3% conversion rate, up +2.1pt; Desktop shows 71.8%, up +0.4pt. Both tiles share the context line Conversion rate, last 30 days. A sentence below the grid delivers the read: Desktop leads by 7.5 points. Mobile is closing the gap faster (+2.1pt vs +0.4pt this period).
The tiles array holds segment, value, delta, up flag, and context per entry. The winner string is the one line that justifies showing both numbers; without it the comparison is left as an exercise for the reader.
Reach for this block whenever a single metric splits cleanly across two segments and the relationship between them is the point. Wire value and delta to your analytics endpoint per segment; update the winner string from the same data.
A natural flow around it on an Application Pro page:
Before
After
One strong use is mobile vs desktop conversion. Other comparisons:
Tip: the context line must be identical across both tiles or the comparison is meaningless; if the windows differ, say so explicitly.