Skip to main content
100%

Temperature in San Francisco

✓ Published1🌍 Public
YYifu Chen
Last edited Dec 26, 2019
Created on Dec 26, 2019

This line chart shows temperature readings in San Francisco over time, with a blue gradient area beneath the curve and semi-transparent circles marking each data point. The visualization uses d3.csv to load the dataset, then applies d3.scaleTime and d3.scaleLinear to map timestamps and temperature values to screen coordinates. Axes are rendered with d3.axisBottom and d3.axisLeft, while the shaded region is generated using d3.area with a basis curve. Data comes from the Data Canvas - Sense Your City project, and the chart is drawn as an SVG with custom styling.

AI-generated description

Yifu's simple line chart

I created the visualization following this tutorial.

Data source: Data Canvas - Sense Your City.

Dec. 24, 2019

MIT Licensed

Similar vizzes