ChartsHand-drawn SVG charts with no charting library: sparklines, areas, bars, donuts and meters that sit on glass.01CSSSparklineA trend line for stat tiles. Stretches to its box, keeps a 2px stroke at any size and marks the latest value.02CSSArea ChartSmooth, never-overshooting area chart with a crosshair tooltip, keyboard scrubbing and a legend for several series.03CSSBar ChartSingle or grouped columns with rounded data ends that grow from the baseline. Hover shows the value at the tip.04CSSDonut ChartPart-to-whole ring with surface gaps between slices, a centre readout that follows hover and a linked legend.05CSSRadial MeterA 270° gauge for one bounded value. Past a threshold it switches to a status colour with an icon and label.06CSSCalendar HeatmapContribution-style grid of days with a one-hue ramp, month labels and a hover readout.07CSSFunnelConversion funnel as columns: each fill is its share of the first step, every column prints its value and step conversion, and the biggest leak is marked.