Viewing a saved revision (read-only)
dd1b92588a394278b05c3a69d3156b97
Temperature in San Francisco Line Chart from CSV file
This example visualizes one week of temperature readings in San Francisco as a smooth line chart, with a time-scaled x-axis for date and time and a linear y-axis for temperature. It uses D3 v5 APIs including `csv`, `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, `line`, and `curveBasis` to load the external CSV data, build the SVG axes with grid lines, and render a maroon curve inside a 960x500 SVG. The chart also includes axis labels and a title, with the data parsed to convert timestamps and numeric temperature values.
AI-generated descriptionDemonstrates fundamental DOM manipulation using D3.js by producing a line chart from data within a two-column CSV file. (based on forked code from Curran Kelleher)