Sparklines, bullets, gauges and progress rings for dense dashboards.
Import @texuli/charts/compact· Components: Sparkline, BulletChart, Gauge, ProgressRing
Weekly signups, quarterly revenue target and service health (fictional).
Data contract
| Field | Type | Required | Notes |
|---|
label | string | yes | — |
|---|
values | readonly number[] | — | Sparkline sequence |
|---|
value | number | — | Bullet, gauge, ring current value |
|---|
max | number | — | Bullet and ring scale |
|---|
target | number | — | Bullet target marker |
|---|
ranges | number[] | — | Bullet qualitative bands |
|---|
thresholds | number[] | — | Gauge band edges |
|---|
Compact examples
Weekly signups
View data table
Weekly signups — eight weeks| Point | Value |
|---|
| 1 | 18 |
|---|
| 2 | 21 |
|---|
| 3 | 19 |
|---|
| 4 | 25 |
|---|
| 5 | 27 |
|---|
| 6 | 23 |
|---|
| 7 | 31 |
|---|
| 8 | 34 |
|---|
Quarterly target
View data table
Quarterly revenue| Measure | Value |
|---|
| Current | 74 |
|---|
| Maximum | 100 |
|---|
| Target | 80 |
|---|
Service health
View data table
Service health| Measure | Value |
|---|
| Current | 86 |
|---|
| Minimum | 0 |
|---|
| Maximum | 100 |
|---|
| Range | Excellent |
|---|
Project completion
View data table
Project completion| Measure | Value |
|---|
| Complete | 7 |
|---|
| Total | 10 |
|---|
| Percent | 70% |
|---|
