Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Temperature

Public visualization

Viewing a saved revision (read-only)

2b270d5661884fc49791dcd02001b23e

Temperature

0 stars0🌍 Public
KKelsey Xu
Last edited Feb 12, 2022
Created on Feb 8, 2022

This line chart displays one week of temperature data in San Francisco, sourced from Data Canvas - Sense Your City. The visualization uses d3.csv to load the dataset, then renders a smooth curved line with d3.line and curveBasis. Time and temperature scales are created with d3.scaleTime and d3.scaleLinear, while d3.axisBottom and d3.axisLeft generate the axes. The chart includes labeled axes for Time and Temperature, grid lines via tickSize, and a title, all drawn as SVG elements within a 960x500 viewport.

AI-generated description

This line chart shows one week of temperature (in degrees Celcius) in San Francisco. The data comes from Data Canvas - Sense Your City.

Made in this video: