Skip to main content
SimilarExport ZIP
100%

11.a - sanfran temp scatta'plot - dataviz 2018

✓ Published1🌍 Public
Zzach b.
Last edited Nov 23, 2021
Created on Nov 23, 2021

This visualization shows a week of temperature measurements in San Francisco as a scatterplot, with each circle representing a temperature reading over time. The data comes from the Data Canvas - Sense Your City project and is loaded via `d3.csv`. The code uses D3 v7 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes, while circles are rendered in SVG with a fixed radius and semi-transparent steelblue fill. Gridlines are drawn via tick marks, and the chart includes labeled axes for temperature and time.

AI-generated description

datraviz 2018 #11.a - temp over time - scatta'

-- This line chart 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…

11.b - sanfran temp line chart - dataviz 2018

This line chart displays one week of temperature data in San Francisco, sourced from the Data Canvas - Sense Your City project. The visualization uses D3 v7 with SVG rendering, employing `scaleTime` and `scaleLinear` for axes, `line` with `curveBasis` for the smoothed path, and circles for individual data points. The chart includes custom margins, gridlines via `tickSize`, and clear axis labels, with styling applied through external CSS.

Zzach b.
92% 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
90% match
Loading thumbnail…

11.c - sanfran temp area chart - dataviz 2018

A week of San Francisco temperatures appears as a smooth blue area chart with a black line overlay and maroon points marking each reading. The chart uses a time-based x-axis and a linear y-axis for degrees Celsius. Built with D3 v7, it employs `scaleTime`, `scaleLinear`, `d3.line`, `d3.area`, and `curveBasis` for smoothing. Data is loaded via `d3.csv` from a VizHub-hosted CSV. SVG rendering includes gridlines, axis labels, and a title, with styling handled through CSS classes.

Zzach b.
90% 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
89% match
Loading thumbnail…

Temperature in San Francisco

This scatter plot visualizes one week of temperature data in San Francisco, using circles positioned by timestamp on the x-axis and temperature on the y-axis. The chart includes labeled axes, a title, and a grid-like background created through tick lines. The visualization is built with D3 v5, using `d3.csv` to load data, `d3.scaleTime` and `d3.scaleLinear` for scales, and `d3.axisBottom` and `d3.axisLeft` to render the axes as SVG elements. Data originates from the Data Canvas - Sense Your City project.

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

Temp in San Fran

This scatter plot displays temperature readings over a one-week period in San Francisco, with time on the x-axis and temperature on the y-axis. The visualization uses d3’s `scaleTime` and `scaleLinear` to map the data, and `axisBottom` and `axisLeft` to render the axes. Circles are added to the SVG canvas using `selectAll` and `append`, with the data sourced from a CSV file of San Francisco temperatures. The chart includes labeled axes and a title, styled via CSS.

SSagar Malviya
89% match