Scatter plot

100%

✓ Published3🌍 Public

Last edited Oct 5, 2021

Created on Oct 5, 2021

This scatter plot visualizes one week of temperature data in San Francisco, with time on the x-axis and temperature in degrees Celsius on the y-axis. The D3.js code uses `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `extent` to map the data, rendering red semi-transparent circles in an SVG. The data is loaded via `d3.csv` from a remote dataset, and axes include labeled titles with gridlines, while a main title appears above the plot.

AI-generated description

This data shows one week temperarature(in degrees celcius) in San Francisco the data comes from Data canvas-sense your city

MIT Licensed

Similar vizzes

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

94% match

Loading thumbnail…

Scatter Chart Temperature in San Francisco

This scatter plot displays one week of temperature readings in San Francisco, with time on the x-axis and temperature in degrees Celsius on the y-axis. Using D3.js with `d3-scale` and `d3-axis`, it renders SVG circles positioned via `scaleTime` and `scaleLinear`. The chart includes labeled axes, gridlines, and a title, pulling data from a CSV file via `d3.csv`. Styling is applied through CSS for circle color, tick labels, and axis text.

AAvisa Poshtkouhi

93% match

Loading thumbnail…

Temperature

This scatter plot visualizes one week of temperature data in San Francisco, using D3 v6 to position circles on SVG canvas based on timestamp and temperature measurements. The chart includes labeled axes for time and temperature, with a title "A week in San Francisco" and uses grid lines and tick marks for readability. The data is loaded from an external CSV via D3's `csv` function, then mapped through `scaleTime` and `scaleLinear` scales, with axes generated using `axisBottom` and `axisLeft`.

PPiotr Paszek

93% match

Loading thumbnail…

Temperature in San Francisco Scatter Plot

This scatter plot visualizes a week of temperature readings in San Francisco, with time on the x-axis and temperature on the y-axis. The code uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to render SVG circles, with hover effects changing their fill color. Data is loaded as CSV from a remote dataset, with each temperature parsed as a number and timestamp as a `Date`. Axis labels and a title are added as SVG text elements.

SSam Lite

92% 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

92% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes temperature readings in San Francisco over a week, with timestamps on the x-axis and temperature on the y-axis. The chart includes a red smoothed line (using `curveBasis`) overlaid on orange semi-transparent circles, though the circles are not explicitly rendered in the visible code. The visualization uses D3 v6 with `scaleTime`, `scaleLinear`, `axisLeft`, `axisBottom`, and `line`, rendering SVG elements. Data is loaded from a CSV file on `vizhub.com` and parsed with timestamps as `Date` objects and temperatures as numbers. Styled axes, grid lines, and titles are configured via CSS classes.

Nnouralkhoury

92% match

Loading thumbnail…

San Francisco Temperatures Scatter Plot

A scatter plot displays temperature readings over a week in San Francisco, with time on the x-axis and temperature on the y-axis. Using D3 v5, the visualization employs `scaleTime` and `scaleLinear` to map data, `axisBottom` and `axisLeft` for labeled axes with grid lines, and SVG circles for points. Data is loaded from a remote CSV via `csv`, with timestamps parsed as dates. Axis labels and a title are added through SVG text elements, styled via CSS.

Hhirokat

92% match

Loading thumbnail…

Temperature in SF Scatter Plot

This scatter plot displays temperature readings over one week in San Francisco, with time on the x-axis and temperature on the y-axis. Using D3 v5, the code loads CSV data via `d3.csv`, parses timestamps and numeric values, and renders circles scaled with `d3.scaleTime` and `d3.scaleLinear`. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, featuring grid lines and custom labels. The SVG output is styled with a clean, minimalist aesthetic, with steel-blue points highlighting the temperature trend across the week.

Ssakhabutdinov

92% match