Skip to main content
SimilarExport ZIP
100%

Temperature in San Francisco

✓ Published2🌍 Public
Rrebeccayc
Last edited Jan 28, 2020
Created on Jan 28, 2020
Forked from Cars Scatter Plot

A scatterplot displays a week of temperature readings in San Francisco, with time on the x-axis and temperature on the y-axis. The chart uses D3 v5 with SVG rendering, employing `scaleTime`, `scaleLinear`, and `axisBottom`/`axisLeft` for axes and gridlines. Data is loaded via `csv` from a remote dataset, with each timestamp parsed as a `Date` and temperatures as numbers. Circular marks are placed using `scaleTime` and `scaleLinear` mappings, with custom axis labels and a title styled via CSS.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Temperature in San Francisco

A scatterplot displays a week of temperature readings in San Francisco, with time on the x-axis and temperature on the y-axis, using a circle for each observation. The chart includes labeled axes, a title, and subtle gridlines derived from the axis ticks. Built with D3 v6, it uses `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to position elements within an SVG, loading data from a CSV file. Circles are semi-transparent steelblue, and the layout employs fixed margins with rotated y-axis text.

TTimothy sit
97% match
Loading thumbnail…

Temperature in San Francisco Scatter Plot

This scatter plot displays a week of temperature readings in San Francisco, with time on the x-axis and temperature in degrees Celsius on the y-axis. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes, and renders each measurement as an SVG circle positioned via `cx` and `cy` attributes. Data is loaded asynchronously from a CSV file via the `csv` function, with timestamps parsed into `Date` objects. The chart includes labeled axes and a title, with styling applied through an external stylesheet.

CCurran Kelleher
96% match
Loading thumbnail…

Temperature on San Francisco Scatter Plot

The scatter plot displays a week of temperature readings in San Francisco, with time on the x-axis and temperature on the y-axis. Built with d3.v5, it uses `scaleTime` and `scaleLinear` for axes, `extent` to set domains, and `axisBottom`/`axisLeft` with tick lines to create a grid. Data is loaded as CSV from a remote URL, parsed into `Date` and numeric values, and rendered as SVG circles with a steelblue fill. The chart includes axis labels and a title.

Ooabundes
96% match
Loading thumbnail…

Temperature in San Francisco Scatter Plot

A scatter plot displays San Francisco temperatures over a week, with time on the x-axis and temperature on the y-axis, using circles to represent individual hourly readings. The visualization is rendered as an SVG using D3 v5, employing `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to construct the chart. Data is loaded asynchronously via `csv()` from a remote dataset, parsed into `Date` and numeric values, and then bound to circle elements. Grid lines are drawn by configuring the axes' tick sizes, and axis labels and a title are added as SVG text.

MMartin Christensen
96% match
Loading thumbnail…

Temperature in San Franisco Scatter Plot

This scatter plot displays a week of San Francisco temperature readings over time, with each circle representing a data point. The visualization uses D3 v5’s `scaleTime` and `scaleLinear` to map timestamps and temperatures to SVG coordinates, while `axisBottom` and `axisLeft` generate the labeled axes. Data is loaded as CSV via D3’s `csv` method, with timestamps parsed into date objects and temperatures converted to numbers. Circle positions and radii are set directly on SVG elements, and margin-based scaling ensures the plot fits the 960x500 viewport.

Bbambaleq
96% match
Loading thumbnail…

Temperature in San Francisco

A scatterplot displays daily temperature readings in San Francisco over a week, with time on the x-axis and temperature on the y-axis. Circles mark each measurement, colored cyan, while labeled axes and a title frame the visualization. The code loads data via `d3.csv`, parses timestamps and temperatures, and uses `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to render an SVG with gridlines. Styling is applied through CSS for text opacity and circle fill.

AArriannePandaraoan
96% match
Loading thumbnail…

Temperature in San Francisco | Scatter Plot

This scatter plot displays one week of temperature readings in degrees Celsius for San Francisco, plotting each timestamp against its corresponding temperature value. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to map time and temperature data extracted from a CSV file, with circles rendered in SVG. Axis labels and a descriptive title are added via D3 selections, while grid lines are generated from the axes’ tick sizes. The data originates from the Data Canvas - Sense Your City project, with the chart rendered in a 960×500 SVG canvas.

Jjblaskovich
96% match
Loading thumbnail…

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 temperature in Celsius on the y-axis, using circular points over a grid-lined chart. The visualization is rendered as SVG using D3 v5, with scales including `scaleTime` and `scaleLinear` to map data to positions, and `axisBottom` and `axisLeft` for tick marks. Data is loaded as CSV from an external URL and parsed with timestamps converted to `Date` objects for the time scale. The chart includes labeled axes, a title, and rotated y-axis text, with a circle radius of 6 pixels.

EEric Torres
96% match