Skip to main content
SimilarExport ZIP
100%

Temperature in San Francisco Line Chart

✓ Published1🌍 Public
SSalmanHamdouchi
Last edited Jan 30, 2020
Created on Jan 30, 2020

This line chart displays one week of temperature data in degrees Celsius for San Francisco, sourced from the Data Canvas - Sense Your City project. The visualization uses D3 v5 with SVG rendering, implementing scales via `scaleTime` and `scaleLinear`, axes via `axisBottom` and `axisLeft`, and a smooth curve through `line` with `curveBasis`. The chart includes a title, labeled axes, and a thick maroon line path, with data loaded from a CSV file and parsed into Date and numeric values.

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 degrees Celsius for San Francisco, sourced from Data Canvas - Sense Your City. The visualization plots temperature over time using a smooth curved line, with labeled axes for time and temperature. The code uses d3.scaleTime, d3.scaleLinear, d3.line with curveBasis, and d3.axisLeft/axisBottom to render the SVG chart. Data is loaded via d3.csv, with timestamps parsed as Date objects and temperatures converted to numbers before rendering.

SSalmanHamdouchi
98% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart visualizes one week of temperature data in San Francisco, sourced from the Data Canvas - Sense Your City project. The chart plots temperature in degrees Celsius against time, with a smooth curved line connecting the data points. The visualization uses D3.js version 5, employing `scaleTime` and `scaleLinear` for the axes, `axisBottom` and `axisLeft` for tick marks, and `line` with `curveBasis` for the path. The SVG rendering includes styled tick labels, axis labels, and a title, with data loaded via `csv` from an external dataset.

KKantapat chankasem
98% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays one week of temperature data for San Francisco in degrees Celsius, using data from Data Canvas - Sense Your City. The visualization draws a smooth curve through the data points with a maroon stroke, while the axes include grid lines and labeled axes for time and temperature. The chart is rendered as an SVG using D3 v5, with scales created via `scaleTime` and `scaleLinear`, axes generated by `axisBottom` and `axisLeft`, and a line path shaped with `curveBasis`.

MMd Arafatul Islam
98% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart visualizes one week of temperature data in San Francisco, sourced from Data Canvas - Sense Your City. The chart plots temperature in degrees Celsius over time, using a smooth curve to connect data points. It is built with D3 v5, using `scaleTime` and `scaleLinear` for the axes, `line` with `curveBasis` for the path, and `axisBottom` and `axisLeft` for the ticks. The rendering targets an SVG canvas, with styled tick marks, labels, and a title.

Bbhaskarreddygurram
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 visualizes one week of temperature data in San Francisco, sourced from Data Canvas - Sense Your City. It plots timestamps on the x-axis against degrees Celsius on the y-axis, using a smooth curved line styled with a thick maroon stroke. The visualization is built with D3 v5, employing `scaleTime` and `scaleLinear` for axes, `axisBottom` and `axisLeft` for tick marks, and `line` with `curveBasis` for the data path. The SVG rendering includes grid lines, axis labels, and a title.

VVito
98% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart visualizes one week of temperature data in San Francisco, sourced from Data Canvas - Sense Your City. The chart plots timestamps against temperature in degrees Celsius, featuring a smooth curve rendered as an SVG path and labeled axes. Built with D3 v5, the code uses `scaleTime` and `scaleLinear` for scaling, `axisBottom` and `axisLeft` for axes, and `line` with `curveBasis` to generate the smoothed line. The visualization includes a title, margin-based layout, and grid lines with tick styling.

AAleš
98% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart visualizes one week of temperature data in San Francisco, sourced from Data Canvas - Sense Your City. It displays temperature in degrees Celsius over time, with time on the x-axis and temperature on the y-axis. The visualization uses D3 v5 to render an SVG, employing `scaleTime` and `scaleLinear` for axes, `axisBottom` and `axisLeft` for ticks, and `line` with `curveBasis` for the smoothed path. The chart includes labeled axes and a title, with data loaded asynchronously via `csv`.

MMukund Khandelwal
98% match