Orvain UI

KPI card row

Four headline numbers over the same period, side by side.

Get Pro to installPro18 blocksReact, Vue and Figma
MCPConnect the MCP server

Revenue

$48.2 k
up 12.4%, better vs previous 30 days

Daily revenue over the last 30 days
HourRevenue
10 Oct$1,343
11 Oct$1,354
12 Oct$1,710
13 Oct$1,956
14 Oct$1,573
15 Oct$1,474
16 Oct$1,752
17 Oct$1,632
18 Oct$1,492
19 Oct$1,503
20 Oct$1,096
21 Oct$1,548
22 Oct$1,286
23 Oct$1,466
24 Oct$1,697
25 Oct$1,770
26 Oct$1,819
27 Oct$2,035
28 Oct$2,175
29 Oct$1,782
30 Oct$1,763
31 Oct$1,977
1 Nov$1,624
2 Nov$1,555
3 Nov$1,392
4 Nov$1,314
5 Nov$1,473
6 Nov$1,364
7 Nov$1,577
8 Nov$1,709

Active users

2,524
down 1.3%, worse vs previous 30 days

Daily active users over the last 30 days
DayActive users
10 Oct629
11 Oct609
12 Oct626
13 Oct634
14 Oct652
15 Oct701
16 Oct633
17 Oct634
18 Oct618
19 Oct516
20 Oct512
21 Oct511
22 Oct522
23 Oct572
24 Oct555
25 Oct622
26 Oct606
27 Oct658
28 Oct687
29 Oct669
30 Oct667
31 Oct570
1 Nov608
2 Nov558
3 Nov494
4 Nov490
5 Nov556
6 Nov549
7 Nov535
8 Nov568

Churn

2.1 %
down −0.4 pt, better vs previous 30 days

Churn 2.1% against a 3% limit, on a 0 to 5% scale
PartOf the 5% scale
Churned42%
Retained58%

Avg. session

248 seconds
up 1.5%, better vs previous 30 days

Average session length over the last 30 days
HourSession
10 Oct268
11 Oct248
12 Oct301
13 Oct277
14 Oct213
15 Oct258
16 Oct226
17 Oct271
18 Oct303
19 Oct251
20 Oct222
21 Oct305
22 Oct287
23 Oct230
24 Oct216
25 Oct255
26 Oct279
27 Oct269
28 Oct190
29 Oct251
30 Oct299
31 Oct197
1 Nov267
2 Nov194
3 Nov225
4 Nov198
5 Nov214
6 Nov292
7 Nov259
8 Nov194

More in Metrics#

Metric card

One headline figure with the months behind it: point at a month and it becomes the figure

Monthly rows

A short run of months you read down, like a table that draws

Ranked bars

Two series across a few categories: a legend that also switches them off

Day stack

A week of tracked time: what was booked and what was left

Donut breakdown

Where a total went: five parts at most, each named beside its share

Area trend

A running level over a year, with what is forecast set apart

Launch plan

A plan of tasks over weeks: what is done, what is late and where today falls

Hour heatmap

When in the week people show up, hour by hour

Diverging months

Money in against money out, month by month, with the balance

KPI card row

Four headline numbers over the same period, side by side

Figure strip

A few related figures read as one line, each against the period before

This week vs last week

A day-by-day comparison with the week before

Forecast with a target

Whether the year will land on its goal, with the likely range

Latency

A response time against its limit, with the traffic behind it

Noise level

A live reading on a fixed scale, from low to high

Score gauge

A score out of a total that is built from parts

Sign-up funnel

People moving through ordered steps, and who left at each

Service uptime

The health of a few services day by day, with the incidents behind it

When to use#

  • The top row of a dashboard, where each tile answers a single question
  • A report someone scans before deciding whether to open the table underneath
  • Comparing two series across a few categories, with a legend that can switch one off
  • Looking for a pattern across two axes, such as hour against weekday

The whole set, with its codePro

Pro opens the Code tab on every block here, in React and Vue, plus the Figma file and the MCP server for your editor.

Open in BlocksSee plans