Pareto chart
Pareto chart with sorted bars, a cumulative percentage line on a right axis, a threshold line and the vital few highlighted.
Preview
Why orders came back
Last quarter · 1,066 returns3 of 9 reasons make up 82% of returns
| Item | Returns | Share | Cumulative |
|---|---|---|---|
| Wrong size (vital few) | 412 | 39% | 39% |
| Colour off (vital few) | 268 | 25% | 64% |
| Damaged (vital few) | 191 | 18% | 82% |
| Arrived late | 57 | 5% | 87% |
| Changed mind | 44 | 4% | 91% |
| Quality | 39 | 4% | 95% |
| Duplicate | 26 | 2% | 97% |
| Missing part | 18 | 2% | 99% |
| Other | 11 | 1% | 100% |
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| data | { key, label, value }[] | — | Categories with counts; sorted high to low for you. |
| label | string | — | Accessible name and table caption. |
| valueLabel | string | "Count" | What the bars count ("Returns"). |
| itemNoun | string | "categories" | Plural name for the categories, used in the summary. |
| threshold | number | 0.8 | Cumulative share that marks the vital few and the reference line. |
| height | number | 300 | Chart height in px. |
| valueFormatter | (value: number) => string | Intl number | Formats counts on the axis, tooltip and table. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.