🌍 Public
Viewing a saved revision (read-only)
1e45bf1dc57544e9a2635c94bfa8cd6a
Line Graph React & D3 (codeAlong)
This example shows a line graph of temperature over time for a week in San Francisco, rendered as an SVG in a React component. The visualization uses D3 v6 utilities such as `scaleTime`, `scaleLinear`, `extent`, and `timeFormat` to map data to coordinates and format tick labels, while `d3.line` with `curveNatural` draws a smooth path through the points. Data is loaded asynchronously from a CSV file using `d3.csv`, and the chart includes labeled axes with custom tick components.
AI-generated descriptionChanging the scatter plot to take in new data with time being on the x axis.