Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Line Area Chart

Public visualization

Viewing a saved revision (read-only)

33cfa43d23304385955ba9dd36a881cf

Line Area Chart

0 stars1🌍 Public
Ggabrielribeirob
Last edited Nov 17, 2021
Created on Sep 2, 2021
Forked from LineChart

This visualization shows a week of temperature fluctuations in San Francisco using a filled area chart, with time on the x-axis and temperature on the y-axis. The chart displays a smooth, curved area in maroon, with labeled axes and a clear title. Built with D3 v7, the code uses `d3.area`, `d3.curveBasis`, `d3.scaleTime`, `d3.scaleLinear`, and `d3.axisLeft`/`d3.axisBottom` to render the SVG. Data is loaded as CSV from a VizHub dataset, with timestamps parsed as dates and temperatures converted to numbers.

AI-generated description

A demonstration of how to start using D3 version 6.