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

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

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

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.

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

A Week in San Francisco Scatter Plot

A week of hourly San Francisco temperature readings appears as red dots on a scatter plot, with time on the x-axis and temperature on the y-axis. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to render an SVG chart with grid lines and axis labels. Data is loaded from a CSV via `d3.csv`, with timestamps parsed as `Date` objects and temperatures converted to numbers. Circle elements are positioned using the scales to show temperature fluctuations across the week.

Bbprokopowicz
88% match
Loading thumbnail…

Cars Scatterplot

A scatterplot displays temperature readings in San Francisco over one week, with time on the x-axis and degrees Celsius on the y-axis. Each circle represents a single data point. The visualization uses D3 v5 with SVG rendering, employing `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes and plot. Data is loaded from a CSV file via `d3.csv`, with timestamps parsed as dates and temperatures as numbers. The code creates grid lines through tick sizing and includes axis labels and a title.

TTristan Schrader
88% 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
87% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes temperature and timestamp data for a week in San Francisco, sourced from a CSV file, with red circles and an overlaid area path. Built with D3 v5, it uses `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to render axes and coordinates in SVG. The example demonstrates data loading via `csv` and manual date parsing, while styling tick marks, labels, and the title through CSS.

Hhuankoh
87% 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
86% 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
86% match