Skip to main content
SimilarExport ZIP
100%

Fork of Temperature in San Francisco Line Chart

✓ Published0🌍 Public
Bbdsaraiva
Last edited Apr 6, 2021
Created on Apr 6, 2021

This line chart displays one week of temperature data in degrees Celsius for San Francisco, sourced from Data Canvas - Sense Your City. A smooth curveBasis line shows temperature trends over time, with circular data points omitted but a thick maroon stroke emphasizing the path. The visualization uses d3.scaleTime, d3.scaleLinear, and axis components to render axes with gridlines and labels for time and temperature. The SVG rendering is powered by D3 v5, with data loaded via CSV and parsed into Date and numeric values for plotting.

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…

Fork of 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 temperature in degrees Celsius over time, with a smoothed curve produced using d3.line with curveBasis. The chart uses d3.scaleTime and d3.scaleLinear for axes, rendered with d3.axisBottom and d3.axisLeft. Data is loaded via d3.csv and parsed into Date and numeric values. The SVG output includes labeled axes, gridlines, and a title, styled through external CSS.

JJan Medina
99% match
Loading thumbnail…

Fork of Temperature in San Francisco Line Chart

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 to render an SVG with a time-scaled x-axis and linear temperature y-axis, featuring gridlines and axis labels. Data is loaded from a CSV file and parsed into date and numeric values. The line is drawn using `d3.line` with the `curveBasis` interpolation, while axes are generated with `axisBottom` and `axisLeft` and styled with custom CSS.

DDev142
98% match
Loading thumbnail…

Fork of 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 shows temperature trends over time using smooth curves generated with the d3.line function and curveBasis interpolation. The visualization employs d3.scaleTime and d3.scaleLinear for axes, with d3.axisBottom and d3.axisLeft for tick rendering. Data is loaded via d3.csv, parsed into Date and numeric values, and rendered as an SVG path styled with a maroon stroke.

Ddjfeld01
98% match
Loading thumbnail…

Fork of 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 visualization uses d3.scaleTime and d3.scaleLinear to map timestamps and temperatures, with d3.line and the curveBasis curve smoothing the path. It renders as an SVG with gridlines from axis ticks, axis labels, and a centered title. The code parses CSV data, converts temperature to numbers and timestamps to Date objects, then draws the chart using d3.axisBottom and d3.axisLeft.

Aaidatabaeva
98% match
Loading thumbnail…

Fork of 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, with time on the x-axis and degrees Celsius on the y-axis. The visualization uses d3.csv to load the data, d3.scaleTime and d3.scaleLinear for scaling, d3.axisBottom and d3.axisLeft for axes, and a d3.line generator with d3.curveBasis to draw the smooth maroon temperature line. The SVG rendering includes a title, axis labels, and a grid formed by tick lines.

RRory Matthews
98% match
Loading thumbnail…

Fork of Temperature in San Francisco Line Chart

This line chart shows one week of temperature data (in degrees Celsius) in San Francisco, sourced from Data Canvas - Sense Your City. It uses d3.scaleTime and d3.scaleLinear for the axes, d3.axisBottom and d3.axisLeft for tick rendering, and d3.line with curveBasis to draw a smooth path. The SVG chart includes gridlines via tickSize, axis labels, and a title, with data loaded asynchronously via d3.csv.

EEric Torres
98% match
Loading thumbnail…

Fork of 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 visualization plots temperature over time with a smooth curve, rendered as an SVG. The code employs D3 v5 APIs including `d3.csv` for loading the dataset, `d3.scaleTime` and `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for tick marks, and `d3.line` with `curveBasis` for the path. Axis labels and a title are appended as text elements.

Aanagi2597
98% match
Loading thumbnail…

Fork of 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, titled "A Week in San Francisco," uses a smooth basis curve to connect data points from the Data Canvas - Sense Your City dataset. The chart is rendered as an SVG using D3 v5, employing `scaleTime`, `scaleLinear`, `axisLeft`, `axisBottom`, and the `line` generator with `curveBasis` to create the path. Data is loaded via D3's `csv` function and parsed for temperature and timestamps.

DDonald Bagwell
98% match