Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Responsive Line Chart

Public visualization

Viewing a saved revision (read-only)

ec1e619cf4074a6c8574f1985a1ec21d

Responsive Line Chart

0 stars12🌍 Public
CCurran Kelleher
Last edited Oct 9, 2025
Created on Feb 12, 2024
Forked from Simple Line Chart

This responsive line chart displays atmospheric CO2 concentrations over time using the Keeling Curve dataset, rendering a black line on a gray inner rectangle. It updates smoothly when the container resizes, with the x-scale for years and y-scale for CO2 (ppm) recalculated via the `observeResize` hook. The visualization uses d3’s `scaleTime`, `scaleLinear`, `line`, and `axes` from d3, along with the library `@curran/responsive-axes` for automatic axis adjustment.

AI-generated description

A simple line chart with D3 showing the Keeling Curve Data.

Challenge

  • Fork this viz
  • Modify it to show your data