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 stars1🌍 Public
Zzhangfa
Last edited Aug 11, 2020
Created on Jul 30, 2020

This line chart visualizes temperature variations in San Francisco over a week, with the x-axis representing dates and the y-axis measuring temperature in degrees Celsius. The chart includes grid lines, axis labels, and a filled area beneath the line to emphasize the temperature trend. Built with D3.js v5, the code uses `scaleTime`, `scaleLinear`, `line`, `area`, and `curveBasis` to render the smooth path, while loading data from a CSV file hosted on VizHub. The SVG output is styled with custom CSS, including a maroon fill for the area and tick marks formatted using a localized time format.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed