ChartKit

Examples

Every chart type and configuration option in one scrollable page. Charts render from this deploy — use it to explore what ChartKit can do or visually verify a release.

Chart types

Bar, line, area, horizontal bar, pie, and donut — single and multi-series where supported.

Stock charts

Close price on a fitted axis with calendar spacing on the X axis. Three months through two years with volume bars below.

Value formats

Number, compact, currency, and percent formatting on axes and labels.

Title & legend

Missing titles, long titles, legend on/off, and wrapped multi-series legends.

Data labels

Formatted values on bars, points, and slices: outside, large, or on-bar placement.

Chart fonts

Oxanium and Tektur apply to all chart text: title, axes, legend, and value labels. Compare side by side with ChartKit default.

Branding

Watermark on (default) vs off.

Colors

Default palette, color-by-category bars, custom series colors, and palette cycling.

Sizes

Tiny through banner: true pixel size, packed together. Datasets scale with the canvas.

Edge cases

Negatives, single category, many categories, long labels, tiny slices.

Server render

Same configs rendered via /api/chart PNG (jsdom + sharp). Compare to client SVG above.