Skip to main content
SimilarExport ZIP
100%

Fork of Temperature in San Francisco Scatter Plot

✓ Published0🌍 Public
Yyouness-cyber
Last edited Jan 12, 2021
Created on Jan 12, 2021

This scatter plot visualizes one week of temperature data in San Francisco, sourced from the Data Canvas - Sense Your City project, with time on the x-axis and temperature in Celsius on the y-axis. Each circle represents a temperature measurement, using d3’s scaleTime and scaleLinear to map the data domain to pixel coordinates. The visualization employs d3.axisBottom and d3.axisLeft with gridlines, and styled text elements for axis labels and title, all rendered as SVG within a 960×500 viewport.

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 displays one week of temperature data in San Francisco, with time on the x-axis and degrees Celsius on the y-axis, sourced from the Data Canvas - Sense Your City project. Each circle represents a temperature reading, rendered as an SVG using D3 v5. The code employs `d3.scaleTime` and `d3.scaleLinear` for axes, `d3.extent` for domain calculation, and `d3.axisBottom` and `d3.axisLeft` for tick marks, with gridlines and labeled axes.

BBKirst3
98% match
Loading thumbnail…

Fork of 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. Data comes from the Data Canvas - Sense Your City project and is rendered as an SVG using d3.v5. The code uses `scaleTime`, `scaleLinear`, `axisLeft`, and `axisBottom` to construct the chart, with circle elements colored steelblue via CSS. Axis labels, tick marks, and a title are styled with sans-serif fonts, while grid lines extend across the plot area.

MMatias Conde
97% 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
97% 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, using a time scale for timestamps and a linear scale for temperature values. The visualization uses d3.scaleTime, d3.scaleLinear, d3.axisLeft, and d3.axisBottom to render axes with grid lines, while styling circles, labels, and titles via CSS. The data originates from the Data Canvas - Sense Your City project and is loaded as CSV using d3.csv.

GGurungRegina
97% match
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
95% match
Loading thumbnail…

Fork of Temperature in San Francisco Scatter Plot

This scatter plot shows one week of temperature in degrees Celsius in San Francisco, with time on the x-axis and temperature on the y-axis. Each circle represents a temperature reading, plotted using D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft`. The code loads the dataset from a CSV file via `csv()` and renders the SVG chart with margins, axis labels, and a title. Data originates from Data Canvas - Sense Your City, a public sensor project.

JJason Tiller
95% 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
94% match
Loading thumbnail…

Fork of Temperature in San Francisco Scatter Plot

This scatter plot visualizes a week of temperature readings in San Francisco, plotting time on the x-axis against temperature in Celsius on the y-axis. Each data point is rendered as a semi-transparent SteelBlue circle, with the title “A Week in San Francisco” displayed above the chart. The visualization is built using D3 v5, employing `scaleTime` and `scaleLinear` for axes, `axisBottom` and `axisLeft` for tick marks, and SVG circles for data points. Data is loaded from a CSV file fetched via a Gist URL, with timestamps parsed as `Date` objects.

Jjlspangl
93% match