Live counter
Live metric tile with a pulsing dot, a rolling number that blips on change, a scrolling 60-second sparkline, a pause state and a seeded simulation.
Preview
▲ 22people right now
Last 60s−33
▲ 4waiting
Paused+16
Paused at 328
Jobs in queue: 328 waitingInstall
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| label | string | — | What is being counted; the region's name. |
| value | number | — | A live value from your source; each change is recorded. Omit to run `simulate`. |
| simulate | { seed, start, step, min?, max?, drift? } | { seed: 7, start: 1240, step: 18, min: 0 } | Deterministic stand-in feed: same seed, same sequence. |
| interval | number | 1000 | Milliseconds per tick. |
| windowSize | number | 60 | Points kept in the sparkline (one per tick). |
| paused | boolean | — | Controlled paused state. |
| defaultPaused | boolean | false | Start paused (uncontrolled). |
| onPausedChange | (paused: boolean) => void | — | Called by the Pause/Resume button. |
| invertTrend | boolean | false | Treat a fall as good (green) and a rise as ember. |
| format | Intl.NumberFormatOptions | { maximumFractionDigits: 0 } | Number format. |
| locale | string | "en-US" | Formatting locale. |
| unit | string | — | Caption beside the change chip ("people right now"). |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.