Skip to main content
100%

area chart

✓ Published1🌍 Public
JJames Malvern
Last edited Mar 8, 2021
Created on Mar 6, 2021
Forked from line chart

This area chart displays temperature variations in San Francisco over a two-day period, with time on the x-axis and temperature in Celsius on the y-axis. The filled area beneath the line highlights the daily temperature cycle, rising during the afternoon and falling at night. Built with D3.js v5, it uses `d3.area()` with a `curveBasis` option, `d3.scaleTime()`, and `d3.scaleLinear()` for axes. Data comes from a CSV file loaded via `d3.csv()`, and the visualization is rendered as an SVG with styled grid lines and axis labels.

AI-generated description

A basic line chart using D3.js.

MIT Licensed

Similar vizzes