Skip to main content
SimilarExport ZIP
100%

Temperatures of SF

✓ Published1🌍 Public
MModalMBS
Last edited Sep 21, 2020
Created on Sep 21, 2020
Forked from Car's Scatter Plot

This visualization plots one week of temperature readings in San Francisco as a scatterplot, with time on the x-axis and temperature on the y-axis. The data, loaded from a CSV file, is rendered as semi-transparent orange circles. The code uses D3 v6 functions including `scaleTime`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the chart, with axis labels and a title added via SVG text elements.

AI-generated description

A bare minimum HTML page.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Temperatures in San Francisco

This scatter plot visualizes one week of temperature data in San Francisco, with time on the x-axis and temperature in Celsius on the y-axis. Each circle represents a temperature reading, plotted using D3 v6 scales and axes. The code loads CSV data via `d3.csv`, converts timestamps and numeric values, and renders an SVG with `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft`. Styled gridlines, axis labels, and a title are added, with circles filled in steel blue.

BbeauMarko
94% match
Loading thumbnail…

Temperature in SF

This visualization displays a week of temperature measurements in San Francisco as a scatter plot, with time on the x-axis and temperature on the y-axis. The D3 v7 code loads CSV data, parses timestamps and numeric temperatures, and renders circles using scaleTime and scaleLinear. It includes custom axes with rotated labels and a title, leveraging d3.axisBottom, d3.axisLeft, and d3.extent for domain scaling. The SVG output is styled via an external stylesheet, with a fixed canvas size of 960 by 500 pixels.

Ggabrielribeirob
93% match
Loading thumbnail…

Week Temperature in SF

This visualization shows hourly temperature readings in San Francisco over a week, displayed as orange circles on a scatter plot with time on the x-axis and temperature on the y-axis. The code uses D3 v6 functions including `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to render the SVG chart, with data loaded from a CSV file via `d3.csv`. Axes are styled with tick lines and labels, and the title appears above the plot.

CChristine Lanser
93% match
Loading thumbnail…

Temperatures of SF

This visualization displays a week of temperature measurements in San Francisco as a smooth line chart, with time on the x-axis and temperature on the y-axis. The code uses d3.csv to load data, d3.scaleTime and d3.scaleLinear for scales, and d3.line with curveBasis to generate the curved path. Axes are rendered with d3.axisBottom and d3.axisLeft, while d3.extent computes the domains. The SVG is created with React and D3 v6, featuring labeled axes and a title.

MModalMBS
93% match
Loading thumbnail…

Temperatures of SF

A week of San Francisco temperatures is shown as a filled area chart, with time on the x-axis and temperature on the y-axis. The visualization uses d3.csv to load the data, then d3.scaleTime and d3.scaleLinear to map values, and d3.area with curveBasis to generate a smooth maroon path. d3.axisBottom and d3.axisLeft render titled axes, while SVG text displays the chart title.

MModalMBS
93% match
Loading thumbnail…

Temperature in San Francisco

This visualization displays a week of temperature readings in San Francisco, plotting each data point as a red, semi-transparent circle along time and temperature axes. The chart includes labeled axes for Time and Temperature, with a title and grid lines. The code uses D3 v5 APIs including `d3.csv`, `d3.scaleTime`, `d3.scaleLinear`, `d3.axisLeft`, and `d3.axisBottom` to load data from a CSV file and render the SVG chart within a React-based framework.

JJeffrey Miiller
93% match
Loading thumbnail…

Temperature in San Francisco

This scatter plot displays one week of temperature readings in San Francisco over time. The visualization uses D3 v5 with SVG rendering, employing `scaleTime` for the x-axis, `scaleLinear` for the y-axis, and `extent` to determine domains. Circles represent individual data points with steelblue fill and partial opacity. The chart includes labeled axes, grid lines, and a title, with data loaded from a CSV file containing timestamp and temperature values.

Aaurelio-david
93% match
Loading thumbnail…

Temperature in San Francisco

This scatter plot displays one week of temperature readings in San Francisco over time. The visualization uses D3 v5 with SVG rendering, employing `scaleTime` for the x-axis, `scaleLinear` for the y-axis, and `extent` to determine domains. Circles represent individual data points with steelblue fill and partial opacity. The chart includes labeled axes, grid lines, and a title, with data loaded from a CSV file containing timestamp and temperature values.

Aaurelio-david
93% match