Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

d3 Starter Temperature in San Francisco Scatter plot

Public visualization

d3 Starter Temperature in San Francisco Scatter plot

0 stars0🌍 Public
GgitSushi
Last edited Apr 22, 2020
Created on Apr 22, 2020

This scatter plot visualizes one week of temperature readings in San Francisco, with time on the x-axis and temperature in degrees Celsius on the y-axis. Each green circle represents a data point from the Data Canvas - Sense your City dataset, loaded via D3’s `csv` function. The code uses `scaleTime` and `scaleLinear` to map data to SVG coordinates, with `axisBottom` and `axisLeft` generating gridlines and labels. Axes remove their domain lines, and custom text elements add axis titles and a chart title, all rendered as SVG elements.

AI-generated description

data visualisation with D3.js : stopped at 04:34:37

From freeCodeCamp tutorial, on youtube FCC channel, by Curran Kelleher.

This scatter plot shows one week of temperature in (degrees Celcius) in San Francisco. The data comes from Data Canvas - Sense your City

Comments

Sign in to join the discussion.

MIT Licensed