Skip to content
UI Kit
Accent color

Analytics UI components and report builder

Analytics overviews with key figures and charts, and a report builder.

2 components · 10 variants
Switch category

Numbers that answer a question

Analytics screens turn raw events into answers, how many came, where from, what they did and whether it is better than last month. The two components here cover the daily look at the numbers and the report someone builds for a meeting, both drawn with the charts of the kit.

Analytics overview has an overview with five figures, sparklines and the period before as a dashed line, a realtime view with an event stream, conversion and retention with a funnel per segment and a cohort heatmap, the audience by device, country, language and hour, and a period comparison that reads every change as better or worse. Report builder starts from a table report with groups and totals, draws a chart report from any measure, joins conditions in AND and OR filter groups, schedules and shares reports and offers templates to start from.

Put the one figure that matters most first and let the rest support it. Always show the period before next to a number, a value without a comparison says little. The components read your figures as plain rows, so any tracking or database you use can feed them.

analytics-overview

Analytics overview

Analytics in five screens. Key figures with the period before, a live view, a funnel with cohorts and goals, the audience and a period comparison.

Props and details · Analytics overview

Analytics overviewNew in 1.2

Range switch, five figures with change and sparkline as tabs for the chart, the period before as a dashed line, an insight, top pages and sources.

RealtimeNew in 1.2

Visitors right now with a quiet pulse, the last 30 minutes as bars, active pages, countries and an event stream that ticks live and pauses on request.

Conversion and retentionNew in 1.2

A funnel per segment with the biggest drop named, the overall rate, goals as small gauges and a cohort heatmap by week of first visit.

AudienceNew in 1.2

Devices as a ring, countries as bars, languages by share or count, new and returning visitors over time and the hours they come as a heatmap.

Period comparisonNew in 1.2

This period against the one before, every measure with both values and the change read as better or worse, a chart per measure and channels side by side.

report-builder

Report builder

Build reports in five screens. Columns with groups and totals, charts from a measure, AND and OR filters, schedule and share, and templates to start from.

Props and details · Report builder

Table reportNew in 1.2

Tick fields, order the columns by drag or keyboard, group, sort and filter, the table with subtotals and total updates live and exports as CSV.

Chart reportNew in 1.2

Pick bars, line, area or ring, a dimension, a measure and sum, average or count, split by a second field and see the chart redraw as you go.

Filter builderNew in 1.2

Conditions in groups joined by AND or OR, operators that fit the field, the number of matching rows live, the filter in words and the first matches.

Schedule and shareNew in 1.2

Daily, weekly or monthly with the next five sends, recipients as checked chips, PDF, CSV or spreadsheet, a message and a share link with access.

Report templatesNew in 1.2

Templates by category with a drawn preview, pick one with mouse or arrow keys, rename it, choose range and measures and create the report.

Often searched

Jump to

Copied to the clipboard