Grouped Bar
Multi-series bars grouped side-by-side or stacked within category bands, with a legend and tooltips. The workhorse categorical comparison when small multiples would be overkill.
Grouped Bar
Installshow
viz add d3/stats/grouped-bar-v1Props
| Prop | Type | Description |
|---|---|---|
data | GroupedBarData | { rows: {label, values: Record<series, number>}[], series, groups?, yLabel?, yDomain?, unit?, mode?, title?, subtitle?, source? }. |
See full TypeScript interface on GitHub for all props.
Usageshow
import GroupedBar from '@/viz/components/d3/stats/grouped-bar-v1';
Metadata
- FrameworkD3 / SVG
- CategoryDemographic breakdowns
- Source
d3/stats/grouped-bar-v1
Dependencies
Related Components
BRFSS Demographic Dashboard
A tabbed dashboard for one BRFSS health measure broken down by demographic axis — age, education, income, race/ethnicity — with a one-click toggle between dot, line, and bar renderings of the same levels. Use it when the question is 'who is most affected?': the tabs let a reader walk one prevalence estimate across every demographic lens without leaving the figure.
Demographic breakdowns
Three chart shapes (line, bar, dot) for showing one outcome across five demographic axes — Age, Education, Income, Race, Gender — from a single dataset shape. Includes the multi-panel composite for showing the same outcome on all five axes side-by-side with consistent scales.
County Choropleth
A US county choropleth rendered as inline SVG from a caller-supplied TopoJSON, with theme diverging or sequential ramps, state borders, and a hover tooltip. Use it for print-quality county maps in articles; for zoomable, high-cardinality maps reach for the MapLibre engine instead.
County Choropleth (diverging)
The county choropleth tuned for residual / above-or-below maps: a diverging color scale centered on a reference value (the national mean or zero), so counties read as positive vs. negative at a glance. Same component as County Choropleth — just a centered three-stop domain. Derived from the diverging county maps across the birth_death + Politics data stories (e.g. two-despairs, merchant-right-county-residuals).
Used in data stories
Live ctzn.pub articles built with this chart shape.