Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Temperature in San Francisco Line Chart

Public visualization

Temperature in San Francisco Line Chart

0 stars0๐ŸŒ Public
UUniper-Omoruyi
Last edited Feb 8, 2020
Created on Feb 8, 2020

This line chart visualizes one week of temperature data in San Francisco, sourced from Data Canvas - Sense Your City. The chart displays temperature values over time, with a maroon curved line and interactive tooltips that reveal the exact temperature and date on hover. Built with D3 v5, it uses `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to generate the SVG rendering. The visualization includes a titled axis, styled tick labels, and custom tooltip shapes, all implemented with SVG elements and CSS filters.

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:

Comments

Sign in to join the discussion.

MIT Licensed