Skip to main content
SimilarExport ZIP
100%

Scatter Plot

✓ Published1🌍 Public
Nnkohdatavis
Last edited Jul 23, 2020
Created on Jul 23, 2020
Forked from Cars 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.

AI-generated description

This scatter plot shows one week of temperature (in degrees Celcius) in San Francisco. The data comes from Dta Canvas - Sense Your City.

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter plot

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. The D3.js code uses `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `extent` to map the data, rendering red semi-transparent circles in an SVG. The data is loaded via `d3.csv` from a remote dataset, and axes include labeled titles with gridlines, while a main title appears above the plot.

MMuiruriscode
94% match
Loading thumbnail…

Scatter Chart Temperature in San Francisco

This scatter plot displays one week of temperature readings in San Francisco, with time on the x-axis and temperature in degrees Celsius on the y-axis. Using D3.js with `d3-scale` and `d3-axis`, it renders SVG circles positioned via `scaleTime` and `scaleLinear`. The chart includes labeled axes, gridlines, and a title, pulling data from a CSV file via `d3.csv`. Styling is applied through CSS for circle color, tick labels, and axis text.

AAvisa Poshtkouhi
93% match
Loading thumbnail…

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
92% match
Loading thumbnail…

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
92% match
Loading thumbnail…

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
92% match
Loading thumbnail…

Tempature scatterplot/

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.

JJordy Fronik
92% match
Loading thumbnail…

San Francisco Temperatures Scatter Plot

A scatter plot displays temperature readings over a week in San Francisco, with time on the x-axis and temperature on the y-axis. Using D3 v5, the visualization employs `scaleTime` and `scaleLinear` to map data, `axisBottom` and `axisLeft` for labeled axes with grid lines, and SVG circles for points. Data is loaded from a remote CSV via `csv`, with timestamps parsed as dates. Axis labels and a title are added through SVG text elements, styled via CSS.

Hhirokat
92% match
Loading thumbnail…

Temperature in SanFransciso using Scatter Plot

This scatter plot visualizes one week of temperature data for San Francisco, with time on the x-axis and degrees Celsius on the y-axis. Each circle represents a temperature reading, and the chart includes labeled axes and gridlines for readability. The code uses D3 v5 APIs such as `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to render the SVG. Data comes from the Data Canvas - Sense Your City dataset, loaded as CSV and parsed into JavaScript Date objects and numeric temperatures before plotting.

Ssathishkottravel
92% match