Skip to content
Time series

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.

3 variants
Theme

Two y-axes with recession indicators and time-range selection. For comparing two metrics with different scales.

Installshow
viz add recharts/generic/timeseries-dual-axis-v1
Theme

Indexed comparison

Indexed comparison normalized to a base period (base=100), with recession bands. For comparing growth rates.

Installshow
viz add recharts/generic/timeseries-index-v1
Theme

Economic with brush selector

Recession-shaded with a brush selector for time-range filtering.

Installshow
viz add recharts/generic/timeseries-economic-v1
Usageshow
TypeScript
import Component from '@/viz/components/recharts/generic/timeseries-dual-axis-v1';

Metadata

  • FrameworkRecharts
  • CategoryTime series
  • Subcategorygeneric
  • Sourcerecharts/generic/timeseries-dual-axis-v1
time-series economic recession-bands

Dependencies

recharts

Used in data stories

Live ctzn.pub articles built with this chart shape.