Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Temperature Line Chart

Public visualization

Temperature Line Chart

0 stars1🌍 Public
HHadi Boukdir
Last edited Jul 16, 2019
Created on Jul 16, 2019
Forked from Temperature

This line chart visualizes a week of temperature and time data in San Francisco, using an orange curve to highlight temperature fluctuations over time. The visualization is rendered with D3 v5 into an SVG canvas, leveraging d3.scaleTime and d3.scaleLinear for axes, d3.line with curveBasis for the smooth path, and d3.axisLeft/axisBottom for labeled ticks. Temperatures are loaded as CSV from a VizHub dataset, with timestamps parsed as dates and numeric temperature values, while styled axes, title, and gridlines come from custom CSS classes.

AI-generated description

Line Chart

Comments

Sign in to join the discussion.

MIT Licensed