Slopegraph
Each series' value at two time points joined by a single line, with endpoint confidence intervals, automatic top-mover labeling with collision-managed endpoint labels, and per-series focus. Use it to show direction and magnitude of change at a glance — movement, not a ranking.
Slopegraph
Installshow
viz add d3/timeseries/slopegraph-v1Usageshow
import Component from '@/viz/components/d3/timeseries/slopegraph-v1';
Metadata
- FrameworkD3 / SVG
- CategoryTime series
- Subcategorybrfss
- Source
d3/timeseries/slopegraph-v1
Dependencies
Related Components
Time trends
Line charts for showing how a quantity changes over time. Six variants from generic to survey-flavored: a simple (year, value) series with optional confidence intervals, the GSS demographic-split chart with presidential-term reference areas, an indexed mode that rebases every series to 100 at a baseline year, a metadata-panel layout, a small-multiples grid, and an Observable Plot rendering.
Economic Time Series
FRED-style economic time series with recession-band shading. Three flavors covering the common use cases: dual-axis comparison for metrics on different scales, index-rebased comparison for relative growth, and economic-shaded with a brush selector for time-range filtering.
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.