Dumbbell
One row per category with a connector between two endpoint dots — the visual gap between two series (men vs women, then vs now), with value labels and an optional ratio note. Use it when the distance between two values is the finding.
Dumbbell
Installshow
viz add d3/stats/dumbbell-v1Props
| Prop | Type | Description |
|---|---|---|
data | DumbbellData | { rows: {label, left, right, note?}[], leftName?, rightName?, leftGroup?, rightGroup?, xLabel?, xDomain?, unit?, title?, subtitle?, source? }. |
See full TypeScript interface on GitHub for all props.
Usageshow
import Dumbbell from '@/viz/components/d3/stats/dumbbell-v1';
Metadata
- FrameworkD3 / SVG
- CategoryDemographic breakdowns
- Source
d3/stats/dumbbell-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.