Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Area Chart

Public visualization

Viewing a saved revision (read-only)

a8daac6f7a6d46b1b678c89f078ed9fa

Area Chart

0 stars1🌍 Public
MMatthew Rubino
Last edited Jun 4, 2021
Created on Jun 4, 2021

This area chart visualizes temperature readings in San Francisco over time, using a smooth curved path filled with maroon to highlight the trend. The visualization relies on D3 v6 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `area` with `curveBasis` to generate the SVG path. Data is loaded from a CSV file via `csv()`, with timestamps parsed as dates and temperatures as numbers. Grid lines extend across the chart, and axis labels and a title are rendered as SVG text elements.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.