Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Temperature Area Chart Example

Public visualization

Temperature Area Chart Example

0 stars1๐ŸŒ Public
NNico Donovan
Last edited Jul 13, 2020
Created on Jul 13, 2020

This visualization displays a week of temperature data in San Francisco as an area chart, with time on the x-axis and temperature on the y-axis. The area under the curve is filled with a maroon color, and both axes include grid lines and labels. The code uses d3.csv to load the data, then d3.scaleTime and d3.scaleLinear to map the data to pixel coordinates. The d3.area generator with a curveBasis interpolation creates the smooth filled shape, while d3.axisLeft and d3.axisBottom render the labeled axes.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed