Skip to main content
100%

d3 Starter Temperature in San Francisco Scatter plot

✓ Published0🌍 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

MIT Licensed

Similar vizzes