Temperature Visualization
This visualization displays hourly temperature measurements in San Francisco over a week, using a scatter plot where each circle represents a temperature reading at a specific timestamp. The chart employs D3 v4’s `d3.scaleTime` and `d3.scaleLinear` for the x and y axes, respectively, with axes rendered via `d3.axisBottom` and `d3.axisLeft`. The data comes from a CSV file, parsed with `d3.csv` and converted using a row function that formats timestamps as Date objects. Custom styling reduces tick marks and labels, while a grid-like layout is achieved through tick sizes that span the plot area, all rendered as SVG elements.
AI-generated descriptionPart of the video course: D3.js in Motion.
This scatter plot shows temperature in degrees celcius in San Francisco for one week. The data was collected from the (now defunct) Data Canvas - Sense Your City API.