Skip to main content
SimilarExport ZIP
100%

Fork of Temperature in San Francisco Scatter Plot

✓ Published0🌍 Public
FFrancesco Cerasuolo
Last edited May 13, 2022
Created on May 13, 2022

This scatter plot displays one week of temperature readings in San Francisco, plotting temperature in degrees Celsius against time. The data is loaded from a CSV file using D3’s `csv` function, then parsed and rendered as SVG circles within an SVG canvas. The chart uses D3’s `scaleTime` and `scaleLinear` for the axes, with `axisBottom` and `axisLeft` to generate grid lines and tick labels. A title, “A Week in San Francisco,” and rotated axis labels are added via SVG text elements, with styling controlled by the accompanying CSS file.

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

Fork of Temperature in San Francisco Scatter Plot

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.

Yyouness-cyber
93% 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
93% match