Time Series Charts

Line charts for temporal data with various configurations including recession overlays, dual axes, indexed comparisons, and multi-series comparisons.

Basic

Simple time series line chart with recession period overlays and time range buttons.

Install

npx @ontopic/viz add recharts/generic/timeseries-basic-v1

Sample Data

housing.json

Time series with two Y-axes for comparing metrics at different scales.

Install

npx @ontopic/viz add recharts/generic/timeseries-dual-axis-v1

Sample Data

housing.json

Normalized index comparison where all series are rebased to 100.

Install

npx @ontopic/viz add recharts/generic/timeseries-index-v1

Sample Data

housing.json

Multi-series line chart for comparing trends across categories (Observable Plot).

Install

npx @ontopic/viz add plot/timeseries/multiline-v1

Sample Data

zillowmultiline.json