Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Line Plots and Area

Public visualization

Viewing a saved revision (read-only)

4301766c2fc840cba49816d71832c56a

Line Plots and Area

0 stars1🌍 Public
JJoshuaBruens
Last edited Feb 17, 2020
Created on Feb 17, 2020

This example shows a week of hourly temperature readings in San Francisco as a smooth area chart, with individual data points highlighted as semi-transparent circles. It uses D3 v5 to load the CSV data, and scales time and linear values with `scaleTime` and `scaleLinear`. The area and line paths are generated with `area()` and curve interpolation, while axes are drawn using `axisLeft` and `axisBottom`. Circles are rendered via SVG and animated with a `transition` for a staggered appearance.

AI-generated description

React Starter code.