Bar and area charts, data tables, timelines, progress rings and sortable lists, each with keyboard access and an accessible data equivalent.
4 components
Overlapping avatars that spread on hover, with a name tooltip that swings with the pointer, status dots and a +N list of everyone else. Photos or initials.
Data
A number whose digits roll into place like an odometer: each column turns on its own, new places slide in and separators make room. Currency, percent, compact and every locale.
Data
A circular progress indicator whose gradient follows the arc, with a shadowed cap at the tip as it closes. Arc and number move together; indeterminate spin, a tick when full, stack several for activity rings.
Data
A vertical run of events — changelog, roadmap or order progress — with a beam of light that draws down the line as you scroll and lights each event as it passes. Dates can take a sticky column of their own.
Data
Revenue this month
$48,210
Conversion
4.7%
Orders
982
Backing up photos
1,548 of 2,418 items