zzzUI

Charts

59 charts in zzzUI's look, built on Recharts: area, bar, line, pie, radar and radial charts, and the tooltips they share. Copy one, or install it on its own with one command.

About charts

A chart is one file in components/charts/: a Card holding a Chart, with its data written in. Installing it installs those two. Swap the data for yours and keep the rest, or change it freely: it is yours once copied.

A chart draws itself when it first comes into view: its marks grow to their values on zzzUI's timing (chartMotion). With reduced motion it is drawn at once.

Types

Area charts

Curves, steps, stacks, gradients, a range to pick · 9 charts

Solo and crew runs
January – June

Crew runs up 7.7% on May

Runs taken alone and as a crew, January to June

Bar charts

Upright and sideways, grouped, stacked, labelled, below zero · 10 charts

Rush and regular
January – June

Rush up 5.2% on the half before

Both kinds of job, January to June

Line charts

Curves, steps, several series, dots and labels · 9 charts

Jobs done
January – June

Up 5.2% on the half before

Every job closed, January to June

Pie charts

Pies and donuts, labels, a slice raised, the total inside · 9 charts

Jobs by cargo
January – June

Up 5.2% on the half before

Every job closed, by what it carried

Radar charts

Stats as a shape: filled or outlined, two compared, grids · 9 charts

Two couriers
Juno and Marlo, scored out of 100

Juno the faster, Marlo the stronger

Scored from every job, January to June

Radial charts

Rings, labels, a grid, a number in the middle · 6 charts

Night shift
Target: 50 jobs

76% of the way, two hours to go

Jobs closed since the shift began

Chart tooltips

Indicators, labels, formatters and icons · 7 charts

Tooltip: default
The day as the label, a block per series.