Mesa Charts

Eleven chart types in one file. No dependencies, no build step — open this page from disk and it runs. Every chart below is drawn by mesa-charts.js, redraws on resize and re-reads its colours on theme switch.
GitHub

Line & area

Mesa.line — zero-based by default; pass zeroBased:false only for averages and rates

Bars, grouped

Mesa.bars — two series side by side

Bars, stacked

Mesa.bars with stacked:true and share labels

Donut

Mesa.donut — share labels skipped under 6 %

Ranked list

Mesa.ranked — HTML bars, each row can carry its own colour

Horizontal stacked bars

Mesa.barsH — volume and composition at once

Waterfall

Mesa.waterfall — start, deltas, total; shows both what each line costs and what is left

Timeline

Mesa.timeline — one row per item, a bar between two dates, a marker for today

Scatter

Mesa.scatter — quadrants with their own labels

Trend rows

Mesa.trendRows — small multiples: each row keeps its own scale

Heatmap

Mesa.heatmap — sequential ramp, single hue, light to dark

Sparkline

Mesa.spark — no axes, no labels, just the shape