Skip to main content
SimilarExport ZIP
100%

Temperature in San Francisco Line Chart

✓ Published0🌍 Public
Jjulieducasse
Last edited Sep 20, 2019
Created on Sep 20, 2019

This line chart visualizes one week of temperature data in San Francisco, with time on the x-axis and temperature in degrees Celsius on the y-axis. It uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with a `curveBasis` interpolation to render a smooth path. The chart is drawn as an SVG with margins, axis labels, and a title, and the data is loaded from a CSV file hosted on VizHub.

AI-generated description

This line chart shows one week of temperature (in degrees Celcius) in San Francisco. The data comes from Data Canvas - Sense Your City.

Made in this video:

MIT Licensed

Similar vizzes

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 on the y-axis. The visualization uses D3 v5 to load a CSV from VizHub, scale the data with `scaleTime` and `scaleLinear`, and render smooth curves via `line` with `curveBasis`. Axes are drawn using `axisBottom` and `axisLeft`, with custom tick styling, and the chart includes labeled axes and a title, all output as SVG.

Ccguibourg
98% 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 uses D3 v5 with SVG rendering, employing `scaleTime` and `scaleLinear` for the axes, `d3.line` with `curveBasis` to create a smooth path, and `axisBottom` and `axisLeft` for labeled, grid-lined scales. Data is loaded asynchronously from a CSV file hosted on VizHub.

YYifei Liu
98% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays one week of temperature in degrees Celsius for San Francisco, with time on the x-axis and temperature on the y-axis. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and a `line` generator with `curveBasis` to draw a smooth path over the data. Data is loaded as CSV from a remote dataset, converted to JavaScript Date and numeric values, then rendered as an SVG with styled axis labels, gridlines, and a title.

MMyCode
98% 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, using a smooth curved line to connect the data points. The visualization renders as an SVG using D3 v5, with margins, axis labels, and a title. It loads data from a CSV file hosted on VizHub, parses timestamps and numeric temperatures, and scales the axes with `scaleTime` and `scaleLinear`. The chart employs `axisBottom` and `axisLeft` for tick marks, `line` with `curveBasis` for the path, and includes a maroon stroke for the line.

CCodax2000
98% match
Loading thumbnail…

Temperature in San Francisco Line chart

A line chart displays one week of temperature readings in San Francisco, with time on the x-axis and temperature on the y-axis, using a smooth curve to connect data points. The visualization uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, `line`, and `curveBasis` to render the SVG. Data is loaded from a CSV file hosted on VizHub, and the chart includes labeled axes, a title, and gridlines via tick sizing.

PPeter S
98% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart 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 chart is rendered as an SVG using D3 v5, employing `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` for a smooth curve. The data is loaded from a CSV file hosted on VizHub, which originates from the Data Canvas - Sense Your City initiative. Custom styles define the title, axis labels, and maroon line with a steelblue hover state.

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

Temperature in San Francisco Line Chart

This line chart visualizes one week of temperature data in San Francisco, with the x-axis representing time and the y-axis representing temperature in Celsius. The chart includes labeled axes, a title, and a smoothed line path using the `curveBasis` interpolation. The visualization is built with D3 v5, using `select`, `csv`, `scaleTime`, `scaleLinear`, `axisLeft`, `axisBottom`, and `line` APIs, and renders as an SVG. Data is loaded from a CSV file hosted on VizHub, with timestamps parsed as dates and temperatures as numbers. The chart features styled grid lines, tick labels, and a maroon line with a thick stroke.

SShawn Kearney
98% match