Skip to main content
SimilarExport ZIP
100%

Temperature in San Francisco Line Chart

✓ Published0🌍 Public
AAntonioMarimDSantos
Last edited Mar 17, 2020
Created on Mar 17, 2020

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 `line` with `curveBasis` to draw a smooth maroon line over a grid of tick marks, with axis labels and a title. Data is loaded from a CSV file hosted on VizHub, and the rendering is done as an SVG with dimensions 960 by 500 pixels.

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

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
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. 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 via `csv` from a Data Canvas dataset hosted on VizHub. Axis labels, a title, and grid lines are styled through CSS, with titles and labels positioned using SVG transforms.

SSagarikaS
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’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to render a smooth maroon path on an SVG canvas. Data is loaded via `csv` from a Data Canvas dataset hosted on VizHub. Axis labels, a title, and grid lines are styled through CSS, with titles and labels positioned using SVG transforms.

SSagarikaS
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 measurements in San Francisco, with time on the x-axis and degrees Celsius 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 an SVG canvas. Data is loaded as CSV from a VizHub dataset, and gridlines appear via tick sizes on both axes. The chart is titled “A Week in San Francisco” with styled axis labels and a maroon line.

Ssunnyako
98% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart visualizes one week of temperature in degrees Celsius for San Francisco. The graphic displays time on the x-axis and temperature on the y-axis, with a filled area beneath the curve using a maroon fill. The visualization uses D3.js v5, with `scaleTime` and `scaleLinear` for the axes, and an `area` generator with `curveBasis` to create the smoothed path. Data is loaded from a CSV file, with temperature values parsed as numbers and timestamps converted to Date objects. SVG is used for rendering, with axis labels, gridlines, and a title styled via external CSS.

Ccyro666
98% match