Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Temperature in SF Line Chart with D3.js!

Public visualization

Temperature in SF Line Chart with D3.js!

0 stars2๐ŸŒ Public
Fforcox43
Last edited Jul 12, 2020
Created on Jul 12, 2020

A line chart displays a week of temperature data for San Francisco, using timestamps on the x-axis and temperature in degrees Celsius on the y-axis, with data sourced from Data Canvas - Sense Your City. The example uses D3.js functions including `scaleTime`, `scaleLinear`, `line`, `curveBasis`, `axisLeft`, and `axisBottom` to render the SVG chart. The visualization includes grid lines, labeled axes, a title, and a maroon smoothed line path, all styled via CSS within a React framework.

AI-generated description

This scatter plot shows data on one week of temperatures in degress Celcius in San Francisco. The data comes from Data Canvsas - Sense Your City.

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed