Skip to main content
SimilarExport ZIP
100%

Temperature in San Francisco Line Chart

✓ Published0🌍 Public
CCodax2000
Last edited May 13, 2020
Created on May 13, 2020

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.

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

AAntonioMarimDSantos
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 uses a smooth curved line to connect the temperature readings, with labeled axes and a title. Built with D3 v5, the visualization employs `scaleTime` and `scaleLinear` for scaling, `axisBottom` and `axisLeft` for axes, and `line` with `curveBasis` for the smooth path. Data is loaded from a CSV file provided by Data Canvas - Sense Your City, and the chart renders as SVG with styled tick marks, labels, and a maroon line.

SSwathi Chittani
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 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, 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 displays one week of temperature data 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 render a smoothed path showing temperature fluctuations. Data is loaded via `csv` from a remote dataset and parsed into JavaScript `Date` and numeric values. The SVG output includes styled grid lines, axis labels, and a title, with the chart drawn inside a margin-based layout.

DDaniel Frey
98% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays one week of temperature data 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 render a smoothed path showing temperature fluctuations. Data is loaded via `csv` from a remote dataset and parsed into JavaScript `Date` and numeric values. The SVG output includes styled grid lines, axis labels, and a title, with the chart drawn inside a margin-based layout.

DDaniel Frey
98% match