Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Temperature in SF Scatter Plot with D3.js!

Public visualization

Temperature in SF Scatter Plot with D3.js!

0 stars0🌍 Public
LLidiamir
Last edited Mar 15, 2021
Created on Mar 15, 2021

This scatter plot visualizes temperature in San Francisco over time, with each circle representing a temperature reading. The data is loaded from a CSV file, parsed, and rendered as an SVG using D3 v6. The code uses `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to map time and temperature values to coordinates, with axes showing tick marks, labels, and a titled chart. Circles are semi-transparent steel blue, and the margin-based layout positions the plot within a 960x500 SVG canvas.

AI-generated description

A demonstration of how to start using D3 version 6.

Comments

Sign in to join the discussion.

MIT Licensed