Temperature in SF - line chart

100%

Temperature in SF - line chart

✓ Published1🌍 Public

Last edited Feb 25, 2020

Created on Feb 25, 2020

This line chart shows one week of temperature in San Francisco, with time on the x-axis and temperature on the y-axis, rendered as a smooth maroon curve over a grid of axis ticks. The visualization uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis`, drawing SVG elements within an 960 by 500 viewport. Data is loaded as CSV from a remote URL and parsed with timestamps converted to `Date` objects and temperatures to numbers.

AI-generated description

One week of temperature in San Francisco.

MIT Licensed

Similar vizzes

Loading thumbnail…

Temperature In San Francisco - Line Chart

This line chart displays temperature readings in San Francisco over a week, with time on the x-axis and temperature on the y-axis. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to render a smooth maroon path on an SVG canvas. Data is loaded from a CSV file, parsed with timestamps as dates, and drawn with a grid of tick lines and rotated axis labels.

Bbattlescarredshogun

97% match

Loading thumbnail…

Temperature in SF Line Chart

This line chart visualizes a week of temperature readings in San Francisco, plotting time on the x-axis and temperature on the y-axis. A smooth maroon curve connects the data points, supported by a grid of light gray tick lines with labeled axes. The code uses d3.scaleTime, d3.scaleLinear, d3.line with curveBasis, and d3.axisBottom/axisLeft to render the SVG. Data is loaded via d3.csv from a remote CSV file, with timestamps parsed as Date objects and temperatures converted to numbers.

Rrainyrainyguo

96% match

Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays one week of temperature data in San Francisco, plotted over time using a smooth basis curve. The visualization uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to render the SVG path. Data is loaded from a CSV file hosted on VizHub, with timestamps parsed as dates and temperatures converted to numeric values. The chart includes labeled axes, gridlines, and a title, with a maroon stroke highlighting the temperature trend.

Mmyskotima130

96% match

Loading thumbnail…

Temperature in SF line graph

A line chart shows temperature readings across a week in San Francisco, with a smooth curved path rendered over a grid of horizontal and vertical axis ticks. The visualization uses D3 v5's `scaleTime` and `scaleLinear` for the axes, `line` with `curveBasis` to generate the path, and `axisLeft`/`axisBottom` for tick marks. Data is loaded as CSV from an external URL, with timestamps parsed into Date objects. SVG rendering places the chart inside a 960×500 viewport with large margins and styled axis titles.

MMatthiasVanCampen

96% match

Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays one week of temperature data in San Francisco, using a smooth curved line to show temperature fluctuations over time. The visualization uses D3 v5's `scaleTime` and `scaleLinear` for the axes, `line` with `curveBasis` for the path, and `axisBottom` and `axisLeft` for labeled ticks. Data comes from the Data Canvas - Sense Your City project, loaded via `csv` and parsed into `Date` and numeric values. The SVG render includes a maroon stroke path, grid lines, and axis titles for time and temperature.

AAn Jingyi

96% match

Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays one week of temperature data in San Francisco, with time on the x-axis and temperature in degrees Celsius on the y-axis. The visualization renders as an SVG using D3 v5, employing `scaleTime` and `scaleLinear` for the axes, `line` with `curveBasis` for the smoothed path, and `axisBottom`/`axisLeft` for tick marks. Data is loaded via `csv` from a remote dataset, with timestamps parsed as dates and temperatures converted to numbers. The maroon line is drawn with a stroke width of five, accompanied by styled axis labels and a title.

Jjesramyep1263

96% match

Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays a week of temperature readings in San Francisco, plotting time on the x-axis against temperature on the y-axis with a smooth, curved line. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to render the data as an SVG path. Data is loaded asynchronously from a CSV via D3’s `csv` function, with timestamps parsed into `Date` objects. The chart includes labeled axes, a title, and grid lines, with maroon strokes for the data series.

Iianleekq

96% match

Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart visualizes a week of temperature readings in San Francisco, plotting temperature against time and filling the area under the curve with a maroon path. The visualization uses D3 v5, employing `scaleTime` and `scaleLinear` for axes, `area` with `curveBasis` for the filled path, and `axisBottom`/`axisLeft` for tick marks. Data is loaded via `csv` from a GitHub-hosted file, with timestamps parsed as dates and temperatures converted to numbers. The SVG rendering includes styled axis labels and a title.

Ssoniyaa-dv

96% match