Tempature scatterplot/

100%

Tempature scatterplot/

✓ Published1🌍 Public

Last edited Nov 3, 2020

Created on Nov 3, 2020

This scatterplot shows one week of temperature readings in San Francisco, with each circle representing a measurement plotted by time on the x-axis and temperature in Celsius on the y-axis. The visualization uses D3 v6’s `scaleTime`, `scaleLinear`, `axisLeft`, and `axisBottom` to render axes and position the circles in an SVG. Data is loaded as CSV from Data Canvas - Sense Your City, with timestamps parsed as dates and temperatures converted to numbers. The chart includes labeled axes for time and temperature, plus a title.

AI-generated description

This line chart shows one week of temperature (in degrees Celcius) in San Francisco. The data comes from Data Canvas - Sense Your City.

Code learned from Curran: Curran — Intro to datavisualisation.

MIT Licensed

Similar vizzes

Loading thumbnail…

Temperature

This scatter plot visualizes one week of temperature data in San Francisco, using D3 v6 to position circles on SVG canvas based on timestamp and temperature measurements. The chart includes labeled axes for time and temperature, with a title "A week in San Francisco" and uses grid lines and tick marks for readability. The data is loaded from an external CSV via D3's `csv` function, then mapped through `scaleTime` and `scaleLinear` scales, with axes generated using `axisBottom` and `axisLeft`.

PPiotr Paszek

93% match

Loading thumbnail…

Temp in San Fran Scatter Plot

This scatter plot displays a week of temperature readings in San Francisco, with time on the x-axis and temperature on the y-axis, using orange circles for each data point. The visualization uses D3 v5, specifically the `scaleTime`, `scaleLinear`, `axisLeft`, and `axisBottom` functions to construct the chart, with data from Data Canvas - Sense Your City. The SVG rendering includes axis labels and a title, with the code applying margins and a nice() function to refine the scales.

Llerik03

93% match

Loading thumbnail…

Temp in San Fran

This scatter plot displays temperature readings over a one-week period in San Francisco, with time on the x-axis and temperature on the y-axis. The visualization uses d3’s `scaleTime` and `scaleLinear` to map the data, and `axisBottom` and `axisLeft` to render the axes. Circles are added to the SVG canvas using `selectAll` and `append`, with the data sourced from a CSV file of San Francisco temperatures. The chart includes labeled axes and a title, styled via CSS.

SSagar Malviya

92% match

Loading thumbnail…

Temp 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 on the y-axis. Each circle represents a data point from the temperature-in-san-francisco.csv dataset. The visualization uses D3 v5 with SVG rendering, employing `scaleTime` and `scaleLinear` for the axes, `extent` for domain calculation, and `axisBottom` and `axisLeft` to generate gridlines and tick marks. The design includes labeled axes and a title, with semi-transparent steelblue circles.

VVvgupta

92% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes a week of temperature readings in San Francisco, with time on the x-axis and degrees Celsius on the y-axis. The data is loaded via `d3.csv` from a dataset by Data Canvas - Sense Your City. Using D3 v5, the code employs `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to render an SVG with semi-transparent steelblue circles, axis labels, and a title, all styled through an external CSS file.

Nnkohdatavis

92% match

Loading thumbnail…

Temp in San Fran Scatter Plot

This scatter plot displays temperature readings over a week in San Francisco, with time on the x-axis and temperature on the y-axis. Each circle represents a single measurement, rendered as an SVG. The code uses d3.csv to load data from a remote CSV file, then applies d3.scaleTime and d3.scaleLinear to map the data, with d3.axisBottom and d3.axisLeft for the axes. Styling is controlled through CSS, and the visualization is built with D3 v5.

Jjlongwellchc

92% match

Loading thumbnail…

Temp in SF Scatter Plot

A scatter plot displays one week of San Francisco temperature readings over time, with each semi-transparent steelblue circle representing an hourly observation. The x-axis maps timestamps using a time scale, while the y-axis maps temperature values with a linear scale, both with grid lines and clear axis labels. The visualization is rendered as an SVG using D3 v5, employing `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to construct the chart. Data comes from the Data Canvas - Sense Your City dataset via a CSV loaded with `d3.csv`, and a title labels the graph.

AAngus Hon

92% match

Loading thumbnail…

Fork of Temperature in San Francisco Scatter Plot

This scatter plot visualizes one week of temperature data in San Francisco, with time on the x-axis and degrees Celsius on the y-axis. Each circle represents a temperature reading. The visualization uses D3 v5 scales (`scaleTime`, `scaleLinear`) and axes (`axisBottom`, `axisLeft`) to render an SVG, with gridlines via axis tick sizes. The data is loaded as CSV from a Data Canvas – Sense Your City dataset. Styling for circles, ticks, labels, and the title is defined in an external stylesheet.

Hhenry c

92% match