Histogram
Binned distribution with an adjustable bin count, median and mean markers, hover bins with counts, and an outline comparison sample.
Preview
API response times
600 requests eachThis weekLast weekMedian 284 · Mean 302
| Range | This week | Last week |
|---|---|---|
| 50–100 | 10 | 1 |
| 100–150 | 39 | 15 |
| 150–200 | 86 | 55 |
| 200–250 | 100 | 66 |
| 250–300 | 97 | 69 |
| 300–350 | 72 | 67 |
| 350–400 | 71 | 59 |
| 400–450 | 42 | 70 |
| 450–500 | 31 | 53 |
| 500–550 | 26 | 50 |
| 550–600 | 14 | 26 |
| 600–650 | 5 | 24 |
| 650–700 | 5 | 12 |
| 700–750 | 1 | 12 |
| 750–800 | 0 | 8 |
| 800–850 | 1 | 9 |
| 850–900 | 0 | 3 |
| 900–950 | 0 | 0 |
| 950–1000 | 0 | 1 |
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| values | number[] | — | Main sample. |
| seriesLabel | string | "Sample" | Name of the main sample. |
| compare | { label: string; values: number[] } | — | Second sample drawn as an outline. |
| label | string | — | Accessible name and table caption. |
| valueLabel | string | — | X axis title. |
| defaultBins | number | 20 | Initial bin count. |
| binOptions | number[] | [10, 20, 40] | Bin counts in the switch; empty hides it. |
| markers | boolean | true | Show median and mean markers. |
| height | number | 240 | Height in px; width follows the container. |
| valueFormatter | (value: number) => string | 1 decimal | Formats axis values and bin ranges. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.