Orvain UI

Figure strip

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

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

Store performance

Revenue
$11,870
up 7.7%, better vs previous 7 days

Revenue: $11,870 last 7 days against $11,020 previous 7 days
HourRevenue
Last 7 days, 11,872
Last 7 days, 21,469
Last 7 days, 31,430
Last 7 days, 41,679
Last 7 days, 52,011
Last 7 days, 61,770
Last 7 days, 71,640
Orders
318
up 7.1%, better vs previous 7 days

Orders: 318 last 7 days against 297 previous 7 days
HourOrders
Last 7 days, 154
Last 7 days, 234
Last 7 days, 346
Last 7 days, 435
Last 7 days, 555
Last 7 days, 647
Last 7 days, 747
Average order
$37.33
up 0.6%, better vs previous 7 days

Average order: $37.33 last 7 days against $37.10 previous 7 days
HourAverage order
Last 7 days, 17
Last 7 days, 25
Last 7 days, 35
Last 7 days, 44
Last 7 days, 55
Last 7 days, 66
Last 7 days, 74
Refunds
3
no change vs previous 7 days

Refunds: 3 last 7 days against 3 previous 7 days
HourRefunds
Last 7 days, 10
Last 7 days, 20
Last 7 days, 30
Last 7 days, 40
Last 7 days, 50
Last 7 days, 60
Last 7 days, 70
Store time, Europe/Berlin · Updated 2 min ago

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