Skip to main content
SimilarExport ZIP
100%

072119-6pm - A Week in San Francisco Scatter Plot - Sunday 072119

✓ Published1🌍 Public
Sshallowater
Last edited Jul 21, 2019
Created on Jul 21, 2019

This scatter plot visualizes one week of temperature readings in San Francisco, showing temperature in Celsius against time. The data originates from the Data Canvas - Sense Your City project via Curran's datasets. Built with D3 v5 and rendered as SVG, it uses `scaleTime` and `scaleLinear` for axes, `axisBottom` and `axisLeft` for tick marks, and `extent` to set domains. Circles represent individual temperature measurements, with a steelblue fill, while axis labels and a title annotate the chart.

AI-generated description

This scatter plot shows one week of temperature (in Celcius degrees) in San Francisco [ from Data Canvas - Sense Your City ] Data set was in Curran's datasets. The original dataset was from https://grayarea.org/initiative/data-canvas-sense-your-city/

MIT Licensed

Similar vizzes

Loading thumbnail…

072119-6pm - A Week in San Francisco Scatter Plot - Sunday 072119

A scatter plot displays temperature readings from San Francisco over a week, with time on the x-axis and temperature on the y-axis. Each circle represents a data point from a CSV file loaded via `d3.csv`. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, and axes to render the SVG, with gridlines and labeled axes. The title labels the chart as "Cars: Horsepower vs. Weight," though the plotted data is temperature-based. Circle styling uses a fixed fill color, and margins position the plot within a 960x500 SVG canvas.

Sshallowater
91% match
Loading thumbnail…

A Week in San Francisco

This scatter plot displays one week of hourly temperature readings in San Francisco, with time on the x-axis and temperature in degrees Celsius on the y-axis. Each circle represents a single hourly measurement, revealing daily temperature fluctuations over the week. The visualization uses D3 version 5 to load and parse the CSV data, scale the axes with `scaleTime` and `scaleLinear`, and render the chart as SVG. Gridlines are added via `axisBottom` and `axisLeft` with tick sizing, and the data originates from the Data Canvas - Sense Your City project.

Ddtdenver
91% match
Loading thumbnail…

072119-7:30pm - A Week in San Francisco Line Chart - Sunday 072119

This line chart displays one week of temperature data in Celsius for San Francisco, sourced from the Data Canvas - Sense Your City dataset via Curran's datasets. It plots temperature over time using an area chart with a smooth curve, showing the temperature fluctuations across the week. The visualization is built with D3 v5, using `scaleTime`, `scaleLinear`, `axisLeft`, `axisBottom`, and `area` with `curveBasis` to render the SVG path. The chart includes labeled axes and a title, with the data loaded from a CSV file.

Sshallowater
91% match
Loading thumbnail…

A week in San Francisco - Scatter plot

This scatter plot visualizes temperature readings in San Francisco over a week, with time on the x-axis and temperature on the y-axis. Each circle represents a data point, rendered in SVG with a steelblue fill and opacity. The code uses D3 v5 functions like `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes and grid lines. Data is loaded as CSV from a remote dataset, parsed into JavaScript Date objects and numeric values, then bound to circles via `selectAll` and `enter`. A rotated y-axis label and title are included for clarity.

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

Temperatre in San Francisco Scatter Plots

This scatter plot visualizes temperature readings in Celsius over a one-week period in San Francisco, sourced from Data Canvas - Sense your City. The x-axis represents time, while the y-axis displays temperature values, with each data point depicted as a steelblue circle. The visualization is built using D3 v5, employing `scaleTime` and `scaleLinear` for axis scaling, `axisBottom` and `axisLeft` for tick marks, and SVG rendering for the plot elements.

IImmaculata-Mary Muoghalu
90% match
Loading thumbnail…

072119-6:48pm - A Week in San Francisco Line Chart - Sunday 072119

This line chart displays one week of temperature readings in Celsius for San Francisco, sourced from the Data Canvas - Sense Your City dataset, with time on the x-axis and temperature on the y-axis. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to render a smooth, maroon path on an SVG canvas. Grid lines and axis labels are styled via CSS, and the data is loaded asynchronously from a CSV file.

Sshallowater
90% 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
89% match