Skip to main content
SimilarExport ZIP
100%

Speed and Altitude scatter plot

✓ Published0🌍 Public
CChengwei Ye
Last edited Mar 16, 2023
Created on Mar 16, 2023

This scatter plot visualizes a week of temperature data in San Francisco, with altitude plotted on the y-axis and time on the x-axis. The code uses d3.scaleTime and d3.scaleLinear to map the data, along with d3.axisBottom and d3.axisLeft for the axes. Circles are rendered as SVG elements within an svg container. The dataset originates from the Data Canvas - Sense Your City project, loaded via d3.csv from a raw GitHub URL.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Temperature in San Francisco Scatter Plot

This scatter plot visualizes a week of temperature data in San Francisco, displaying time on the x-axis and altitude on the y-axis with steelblue circles. The visualization uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisLeft`, and `axisBottom` to render the axes and plot points. Data originates from Data Canvas - Sense Your City and is loaded from a raw CSV file on GitHub. The chart includes labeled axes, a title, and gridlines, all rendered as SVG elements.

CChengwei Ye
88% 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
87% 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
86% match
Loading thumbnail…

Temperature Scatterplot

This scatterplot visualizes a week of temperature readings in San Francisco, plotting time on the x-axis against temperature on the y-axis. The D3.js code uses `axisBottom` and `axisLeft` to create grid-lined axes with labels, while `scaleTime` and `scaleLinear` map the data. The data comes from a CSV file in the example's repository.

JJohn Hamilton Bradford
86% match
Loading thumbnail…

Temperature in San Francisco Scatter Plot

This scatter plot visualizes a week of temperature readings in San Francisco, with time on the x-axis and temperature on the y-axis. The code uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to render SVG circles, with hover effects changing their fill color. Data is loaded as CSV from a remote dataset, with each temperature parsed as a number and timestamp as a `Date`. Axis labels and a title are added as SVG text elements.

SSam Lite
86% match
Loading thumbnail…

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
86% 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
86% match
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
86% match