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 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.

AI-generated description

A bare minimum HTML page.

See also React Starter.

MIT Licensed

Similar vizzes

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

Temperature in San Francisco Line Chart

This visualization displays a week of temperature readings in San Francisco as a smooth line chart. The code uses d3.scaleTime and d3.scaleLinear to map time and temperature data, with axes labeled "Time" and "Temperature." The line is generated with d3.line and curveBasis for smoothing, rendered as an SVG path with a maroon stroke. Data is loaded via d3.csv from a remote dataset, and the chart includes a title "A Week in San Francisco" with gridlines and axis labels styled via CSS.

AA1L9E9X9
94% match
Loading thumbnail…

Temperature in SF

This visualization shows a week of temperature readings in San Francisco, with time on the x-axis and temperature on the y-axis. A smooth maroon line connects the data points, overlaid with axis tick marks and labels. The code uses d3.csv to load the dataset, d3.scaleTime and d3.scaleLinear for scaling, d3.axisBottom and d3.axisLeft for axes, and d3.line with curveBasis to generate the curve. The SVG rendering includes grid lines via tickSize and rotated axis labels, with a title displayed above the plot.

AAlex Reitz
94% match
Loading thumbnail…

Temperature of San Francisco

This visualization displays a week of temperature readings in San Francisco as a smooth line chart, with time on the x-axis and temperature on the y-axis. The data comes from a CSV file loaded via `d3.csv`, with timestamps parsed as dates and temperatures as numbers. The chart is rendered using SVG, with scales created by `d3.scaleTime` and `d3.scaleLinear`, and the line path generated by `d3.line` with a basis curve. Axes are drawn using `d3.axisBottom` and `d3.axisLeft`, and styling is applied via CSS classes.

HHuaiyu Sun
93% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This example visualizes 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, along with labeled axes and a title. The data is loaded from a CSV file using `d3.csv`, parsed into `Date` objects and numeric values, and rendered as an SVG. The visualization uses `d3.scaleTime` and `d3.scaleLinear` for scales, `d3.line` with `curveBasis` for the path, and `d3.axisBottom` and `d3.axisLeft` for the axes, all styled via CSS.

Nnsadath
93% match
Loading thumbnail…

A week of temperature in SF

This visualization displays a week of temperature readings in San Francisco, plotting temperature against time as a smooth curved line. The chart uses d3.scaleTime and d3.scaleLinear to map the data, with axes rendered via d3.axisLeft and d3.axisBottom. The line is generated with d3.line using a curveBasis interpolation, and the data is loaded from a CSV file using d3.csv. SVG is the rendering approach, with styled grid lines and axis labels.

WWhitney Hung
93% match
Loading thumbnail…

A week of temperature in SF

This visualization displays a week of temperature readings in San Francisco, plotting temperature against time as a smooth curved line. The chart uses d3.scaleTime and d3.scaleLinear to map the data, with axes rendered via d3.axisLeft and d3.axisBottom. The line is generated with d3.line using a curveBasis interpolation, and the data is loaded from a CSV file using d3.csv. SVG is the rendering approach, with styled grid lines and axis labels.

WWhitney Hung
93% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This visualization shows a week of temperature readings in San Francisco as a smooth maroon area chart, with time on the x-axis and temperature on the y-axis. The chart uses d3.scaleTime and d3.scaleLinear to map data to SVG coordinates, d3.area with a curveBasis interpolation to generate the filled path, and d3.axisBottom and d3.axisLeft with gridlines for reference. Data is loaded from a CSV file via d3.csv, with timestamps parsed as dates.

Jjustay
93% match