Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Temperature in San Fransisco Area Chart with D3.js

Public visualization

Temperature in San Fransisco Area Chart with D3.js

0 stars1🌍 Public
Ssiddharth171
Last edited Jul 24, 2020
Created on Jul 24, 2020

This area chart displays temperature measurements in San Francisco over time, using a filled orange region beneath a smooth curve to emphasize variation across the timeline. The visualization loads data from a CSV file, parses timestamps and numeric temperatures, and renders an SVG with D3.js v5. It uses `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and the `d3.area` generator with `curveBasis`. A title and labels for time and temperature axes are included, with gridlines and rotated axis text styled via CSS.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed