Skip to main content
SimilarExport ZIP
100%

Temperature in San Fransisco Line Chart

✓ Published2🌍 Public
TThomas Seberechts
Last edited Jun 5, 2020
Created on Jun 5, 2020

This visualization displays one week of temperature data in San Francisco as a smooth line chart, with time on the x-axis and degrees Celsius on the y-axis. The chart uses D3 v5’s scaleTime, scaleLinear, axisBottom, axisLeft, and line with a curveBasis generator to render the SVG path. Data is loaded from a CSV file sourced from Data Canvas - Sense Your City, parsed into numeric and date formats, and styled with maroon strokes, gridlines, and axis labels.

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.

MIT Licensed

Similar vizzes

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 Fransisco 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 a smooth curved line to connect data points, with axis labels, gridlines, and a title. The code uses d3.csv to load the data, d3.scaleTime and d3.scaleLinear for the scales, and d3.line with curveBasis for the path. The SVG rendering includes custom tick formatting and styled axes, with data sourced from the Data Canvas - Sense Your City project.

MMargarita Chernetski
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 curve to connect the daily readings. The visualization loads CSV data and renders an SVG with D3 v5, employing `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and a `line` generator with `curveBasis`. The chart includes labeled axes, grid lines, and a title, with styling defined in external CSS. The data originates from the Data Canvas - Sense Your City project.

Jjasonford1
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 degrees Celsius on the y-axis. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with a `curveBasis` generator to render the smooth maroon path against gridlines. Data is loaded via `csv` from a remote dataset and rendered as an SVG, with axes labeled “Time” and “Temperature.” The chart includes a title and styled ticks, drawn from the Data Canvas - Sense Your City dataset.

IImmaculata-Mary Muoghalu
98% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart visualizes a week of temperature data in San Francisco, with time on the x-axis and degrees Celsius on the y-axis. The data originates from the Data Canvas - Sense Your City project and is loaded via a CSV file. Built with D3 v5, the visualization uses `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and a `line` generator with `curveBasis` for smooth interpolation. The SVG rendering includes styled grid lines, axis labels, and a title, with the chart drawn as a maroon path.

AAn Jingyi
98% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays one week of temperature in San Francisco, with time on the x-axis and degrees Celsius on the y-axis. The visualization uses D3 v5’s `csv`, `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to render an SVG path. Data from Data Canvas – Sense Your City is plotted as a smooth, maroon curve, with gridlines and labeled axes. The chart’s title, “A Week in San Francisco,” appears above the plot, and the code styles ticks, labels, and the path via external CSS.

JJoyce Robbins
97% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays one week of temperature readings in San Francisco, with time on the x-axis and degrees Celsius on the y-axis. The visualization uses D3 v5 to load CSV data from Data Canvas - Sense Your City, then applies `scaleTime` and `scaleLinear` for axes, `axisBottom` and `axisLeft` for ticks, and `line` with `curveBasis` for the smoothed path. SVG rendering includes labeled axes and a title.

ZZhang Shengli
97% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays one week of temperature in degrees Celsius for San Francisco, using data from the Data Canvas - Sense Your City project. The chart shows temperature (y-axis) against time (x-axis) as a smooth curved line, with a title and labeled axes. The visualization is built with D3 v5, using `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to generate the SVG path. Data is loaded via `csv` and rendered as a single maroon stroke on a white background.

Rrigt
97% match