State bars
State-level bar charts for ranking US states on a single metric. Two implementations: a sortable Recharts version with search and expand affordances, and an Observable Plot version with built-in sorting. Both built around BRFSS state-level data but accept any 50-row state dataset.
Recharts (sortable + searchable)
Recharts state bar with search box and expand-on-click affordance. Type to filter the list.
Installshow
viz add recharts/brfss/state-bar-sortable-v1Observable Plot
Observable Plot version of the same chart with built-in sorting. Use when you prefer Plot's declarative model.
Installshow
viz add plot/brfss/state-bar-v1Usageshow
import { SortableStateBar } from '@/viz/components/recharts/brfss/state-bar-sortable-v1';Metadata
- FrameworkRecharts
- CategoryMaps
- Subcategorybrfss
- Source
recharts/brfss/state-bar-sortable-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.
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.
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.