Temperatures for San Francisco

Temperature in San Francisco | Scatter Plot

This scatter plot displays one week of temperature readings in degrees Celsius for San Francisco, plotting each timestamp against its corresponding temperature value. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to map time and temperature data extracted from a CSV file, with circles rendered in SVG. Axis labels and a descriptive title are added via D3 selections, while grid lines are generated from the axes’ tick sizes. The data originates from the Data Canvas - Sense Your City project, with the chart rendered in a 960×500 SVG canvas.

Jjblaskovich

Temperature in San Francisco Scatter Plot

This scatter plot shows one week of temperature readings in San Francisco, with time on the x-axis and temperature in degrees Celsius on the y-axis, using circles to mark each data point. The visualization pulls data from the Data Canvas - Sense Your City project via a CSV file. Built with D3 v5, the code uses `d3.csv`, `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to render axes and plot circles within an SVG, applying margins and a title.

Hhberrong

Temperature in San Francisco Scatter Plot

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. The data originates from Data Canvas - Sense Your City. The visualization is built with D3 v5, using `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to construct the chart. Circular SVG marks represent individual data points, rendered on a canvas of 960 by 500 pixels.

Mmeihaoming

Temperature in San Francisco

This scatter plot visualizes one week of temperature data in San Francisco, using circles positioned by timestamp on the x-axis and temperature on the y-axis. The chart includes labeled axes, a title, and a grid-like background created through tick lines. The visualization is built with D3 v5, using `d3.csv` to load data, `d3.scaleTime` and `d3.scaleLinear` for scales, and `d3.axisBottom` and `d3.axisLeft` to render the axes as SVG elements. Data originates from the Data Canvas - Sense Your City project.

Ppkcesar

Temperature in SF Scatter Plot

This scatter plot displays one week of temperature readings in San Francisco, with time on the x-axis and degrees Celsius on the y-axis. The data comes from the Data Canvas - Sense Your City project. Using d3.csv, d3.scaleTime, d3.scaleLinear, and d3.axisLeft/axisBottom, the code renders circles in SVG with a steelblue fill, clear axis labels, and a title. The axes include tick lines that extend across the chart for readability.

BbeauMarko

Temperatures in San Fransisco Scatter Plot

This scatter plot displays one week of temperature readings in San Francisco, with time on the x-axis and degrees Celsius on the y-axis. It uses d3.scaleTime and d3.scaleLinear to map the data, while d3.axisBottom and d3.axisLeft render the labeled axes with grid lines. The temperature data originates from the Data Canvas - Sense Your City dataset and is loaded via d3.csv. Each temperature observation is represented as a steelblue circle, and the visualization is rendered as SVG within a fixed 960 by 500 pixel viewport.

SSimon Pettersson

Temperature in San Francisco Scatter Plot

This scatter plot displays a week of temperature readings in San Francisco, with time on the x-axis and temperature in degrees Celsius on the y-axis. The visualization uses D3 v6 to render SVG circles scaled by time and linear axes, with axis labels and a title. The data comes from Data Canvas - Sense Your City, and the plot is generated using D3's `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` APIs.

AAnthony Ynami

Temperature in San Francisco Scatter Plot

This scatter plot displays one week of temperature readings in San Francisco, with time on the x-axis and degrees Celsius on the y-axis. The visualization uses D3 version 6, specifically calling `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to construct the chart. Data is loaded from a CSV file via `csv()` and rendered as SVG circles with a fixed radius. The chart includes labeled axes and a title, with a clean design using muted tick marks and grid lines. The dataset originates from the Data Canvas - Sense Your City initiative.

VVeerle