Temperature in San Francisco Scatterplot

Temperature in San Francisco Scatter Plot

This scatter plot visualizes one week of temperature data in San Francisco, sourced from Data Canvas - Sense Your City. The SVG rendering uses d3.scaleTime and d3.scaleLinear to map timestamps and temperature values to coordinates, with d3.axisBottom and d3.axisLeft generating the labeled axes. Data is loaded via d3.csv and parsed into Date and numeric objects, then plotted as individual circles. The chart includes gridlines, axis labels, and a title, all styled through CSS.

SShawn Kearney

Temperature in San Francisco Scatterplot

This scatter plot visualizes one week of temperature data in San Francisco, with time on the x-axis and temperature in degrees Celsius on the y-axis. Using D3 v5, the code employs `scaleTime` and `scaleLinear` for axis scaling, `axisBottom` and `axisLeft` for grid lines, and SVG circles to represent each temperature reading. The data is sourced from Data Canvas - Sense Your City, and the chart includes labeled axes and a title.

Ffbudwill

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 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 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 Fransisco Scatter Plot

This scatter plot visualizes one week of temperature observations in San Francisco, with time on the x-axis and temperature on the y-axis. The data is loaded from a CSV file and rendered as individual circles using D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` APIs. The SVG chart includes labeled axes, a title, and a grid created by removing domain lines from the tick marks. Data comes from the Data Canvas - Sense Your City initiative.

Aatree-rohit

Temperature in San Francisco Scatter Plot

This scatter plot displays temperature readings in degrees Celsius from San Francisco over a week, with time on the x-axis and temperature on the y-axis. The visualization uses D3 v5 APIs including `select`, `csv`, `scaleTime`, `scaleLinear`, `axisLeft`, `axisBottom`, and `extent` to map the data to SVG circles. The chart is rendered as an SVG with axes featuring grid lines, tick labels, and custom axis titles, all styled via an external CSS file. Data is loaded from a CSV file provided by the Data Canvas - Sense your City initiative.

JJefferson Abreu

Temperature in San Fransisco Scatterplot

This scatter plot visualizes a week of temperature readings in San Francisco, using timestamps on the x-axis and Celsius temperatures on the y-axis. Each circle represents a single data point, with a semi-transparent steelblue fill, and the chart includes labeled axes and a title. The code uses D3 v5 functions such as `select`, `csv`, `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to render the SVG. Data is sourced from the Data Canvas - Sense Your City initiative and styled via CSS.

JJake