Kitchen sink
Every chart. Every state.
Explore the complete @kamod-ch/charts surface in one place — Preact-native, SVG-first, and built for accessible dashboards.
pnpm add @kamod-ch/charts
5 charts
Composable
Accessible
Showing 27 examples
27 totalRevenue over time
lineSingle-series line for monthly revenue.
Revenue vs customers
lineMultiple series with legend and tooltip.
Smooth revenue area
areaFilled area with monotoneX smoothing.
Stacked costs
areaStacked areas for revenue and costs.
Gradient fill
areaTheme-aware vertical gradient fade.
Point markers
areaArea series with showPoints enabled.
Sized vertical bars
barmaxBarSize cap with rounded corners.
Preview unavailable.
Horizontal categories
barLong labels on the Y axis.
Preview unavailable.
Grouped with legend
barMulti-series side-by-side with toggles.
Preview unavailable.
Stacked composition
barPart-to-whole bars per category.
Preview unavailable.
Signed fill accessor
barPer-bar color with explicit sign labels.
Preview unavailable.
Formatted labels
barOutside labels with custom format.
Preview unavailable.
Compact stacked tile
barShort frame with legend and tooltip.
Preview unavailable.
MTD reference band
barCategory highlight behind grouped bars.
Preview unavailable.
Legend and tooltip
pieBasic pie with Intl-formatted value and percent tooltips.
Donut innerRadius
pieDonut hole via innerRadius with outside labels.
Rose chart
pieEqual angles with sqrt-scaled radii.
Carrier capacity
pieOperational donut with center utilization KPI.
Revenue split
donutFull donut with outside labels, legend, and tooltip.
KPI storage ring
donutUsed vs available with center utilization label.
Half-year progress
donutSemicircle with total below the arc.
Basic scatter
scatterDefault markers with grid and tooltip.
Sized bubbles
scattersqrt-scaled radius from a third numeric field.
Air cargo lanes
scatterRate vs transit with tonnage and region color.
Empty state
lineDefault empty rendering when data is missing.
Responsive line
lineCharts that follow container width.
Custom palette
barSeries colors via CSS chart tokens.