Bars

Bars grow out of the baseline one after another. Hover (or arrow keys) rings one bar and a tooltip glides beside it.

Bars is part of Pro.

Get Pro to try it live and copy its code, along with every other element in the library.

DonutDonut + Gauge. Donut: each arc draws itself clockwise, one after the other; hover a slice and it swells, the rest recede and the centre number flows to its value.
GaugeDonut + Gauge. Donut: each arc draws itself clockwise, one after the other; hover a slice and it swells, the rest recede and the centre number flows to its value.
Area chartOne line, hand-drawn SVG. The crosshair chases the pointer on a spring and snaps to the nearest sample; the tooltip rides with it and flips at the right edge.
HeatmapA half-year of days as a grid of squares. Cells arrive in a wave from the left; hover one (or arrow through them) and it brightens while a tooltip glides to it.
CountdownFlip-clock digits. Each digit is a card split at the middle; when its number changes the upper half folds down carrying the new value and the lower half catches it.
TimelineOne dot vocabulary. Done is filled ink, the current step breathes, pending is a hairline.