Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Temperature Area Chart

Public visualization

Viewing a saved revision (read-only)

3e0d88a269254427805ef23d0f246321

D3 Temperature Area Chart

0 stars1🌍 Public
YYoung Song
Last edited Jun 18, 2022
Created on Jun 18, 2022

This D3 Temperature Area Chart visualizes a week of temperature readings in San Francisco, using a smooth orange area curve to show changes over time. The x-axis displays time via the `scaleTime` function, while the y-axis maps temperature using `scaleLinear`. The chart is rendered as an SVG, with data loaded from an external CSV file. The code also uses `axisBottom` and `axisLeft` to generate gridlines and tick marks, and `curveBasis` to create the smooth area shape.

AI-generated description

A demonstration of how to start using D3 version 6.