Skip to main content
100%

Temperature Visualization

✓ Published0🌍 Public
CCurran Kelleher
Last edited Sep 15, 2017
Created on Aug 24, 2017

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 description

Part 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.

mit Licensed

Similar vizzes