🌍 Public
Viewing a saved revision (read-only)
748b33f4460d4d3f8c933b7caf79c1e7
Line Plots and Area
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 descriptionReact Starter code.