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.
Tabbed line charts across the five demographic axes. One component renders all tabs from a single dataset.
Installshow
viz add recharts/generic/demographic-line-v1No live preview — install to render
recharts/generic/demographic-bar-v1
Bar (with error bars)
Tabbed bar charts with error bars. Same Age/Education/Income/Race/Gender tab pattern as Line, in bar form.
Installshow
viz add recharts/generic/demographic-bar-v1No live preview — install to render
recharts/generic/demographic-dot-v1
Dot (with error bars)
Tabbed dot plots with error bars. Cleaner than bars when categories are many or when the error bars are the main signal.
Installshow
viz add recharts/generic/demographic-dot-v1Breakdown layout
Alternate layout of the same demographic-breakdown data — same five axes, different visual treatment.
Installshow
viz add recharts/generic/demographic-breakdown-v1Multi-panel composite (Plot)
Observable Plot multi-panel breakdown — small charts arranged in a grid, each showing the same outcome on a different axis with consistent scales for cross-panel comparison.
Installshow
viz add plot/stats/demographic-panel-v1Usageshow
import { DemographicLineChart } from '@/viz/components/recharts/generic/demographic-line-v1';Metadata
- FrameworkRecharts
- CategoryDemographic breakdowns
- Subcategorygeneric
- Source
recharts/generic/demographic-line-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.
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.
Distributions
The distribution family: histogram, violin, KDE density (single / overlay / combined), and split bar. Use a histogram when bin counts matter, a density plot when the shape matters, a violin when you want both shape and summary, and a split bar to highlight a subgroup difference within each category.
Used in data stories
Live ctzn.pub articles built with this chart shape.
+2 more stories