Charts
21 effects for the charts family · every one loops · pure CSS unless a card says otherwise
The previews are open to everyone; the code of these effects comes with WunderUI Core and Pro.
MoTuWeThFr
BerlinHamburgKölnMünchen
Largest first would look staged, so they arrive in reading order, each growing from 60% of its size. No overshoot: a bubble's size is its value.
31.6k27.9k38.4k35.2k42.8k
The rule stands under the pointer, and the dot rides the line itself to the nearest point rather than cutting between points.
68%
72
@property lets the conic angle sweep: a needle that settles on its reading in one decelerating sweep. No overshoot: a gauge that swings past its value shows a wrong reading, and on a cost meter that reading is money.
RevenueCostsMargin
● live
70%50%85%