Fork of Temperature in San Francisco Line Chart

100%

Fork of Temperature in San Francisco Line Chart

✓ Published1🌍 Public

Last edited Sep 30, 2021

Created on Sep 30, 2021

Forked from Temperature in San Francisco Line Chart

This line chart displays a week of temperature data in San Francisco using a smooth curved line. The y-axis represents temperature, the x-axis shows time, and the chart includes axis labels, tick marks, grid lines, and a title. The visualization uses D3 v5 with d3.csv, d3.line, d3.curveBasis, d3.scaleTime, d3.scaleLinear, d3.axisLeft, and d3.axisBottom to render the SVG. Data originates from the Data Canvas - Sense Your City dataset, loaded from a CSV file.

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 displays a week of temperature data in San Francisco, using a smooth curved line to connect daily measurements. The visualization, titled “A Week in San Francisco,” plots temperature in degrees Celsius over time. The code uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to render the SVG. Data is loaded from a CSV file provided by Data Canvas - Sense Your City, with a styled maroon line, grid lines, and labeled axes.

CCheng Tang

98% match

Loading thumbnail…

Fork of Temperature in San Francisco Line Chart

This line chart displays one week of temperature data in San Francisco, using smooth curves to connect hourly readings. The visualization uses d3.csv to load data and d3.scaleTime, d3.scaleLinear, d3.axisBottom, d3.axisLeft, and d3.line with curveBasis to render the SVG chart. Axis labels and a title are added via SVG text elements, while d3.extent sets the domain for both scales. The dataset originates from Data Canvas - Sense Your City, sourced from the vizhub.com repository.

GGriffin Wimminger

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 temperature in degrees Celsius on the y-axis. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to generate a smooth curved path through the data points. The data comes from the Data Canvas - Sense Your City dataset and is loaded via `d3.csv`, with timestamps parsed as JavaScript `Date` objects. The chart includes labeled axes, gridlines, and a title, all rendered as SVG elements.

Zzihelian

98% match

Loading thumbnail…

Fork of Temperature in San Francisco Line Chart

This visualization shows one week of temperature data in San Francisco using a smooth line chart. The x-axis represents time, while the y-axis displays temperature in degrees Celsius. Built with D3 v5, it uses `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to render the curved path in SVG. Data is loaded via `csv` from the Data Canvas - Sense Your City dataset, with axis grid lines and labels styled through CSS.

Hhberrong

97% match

Loading thumbnail…

Fork of Temperature in San Francisco Line Chart

This line chart displays one week of temperature data in San Francisco, sourced from Data Canvas - Sense Your City. The visualization uses a smooth, curved line to connect temperature readings over time, with labeled axes and a title. The chart is rendered as an SVG using D3 v5, employing `scaleTime` and `scaleLinear` for scales, `line` with `curveBasis` for the path, and `axisBottom` and `axisLeft` for tick marks. Data is loaded via `csv` and parsed into dates and numeric temperatures.

Zzever4ever

97% 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 the Data Canvas - Sense Your City project. It shows temperature fluctuations over time using a smooth curved line, with labeled axes for time and temperature. The visualization is built with D3 v5, using `scaleTime` and `scaleLinear` for scaling, `axisBottom` and `axisLeft` for axes, and the `line` generator with `curveBasis` for the curved path. Data is loaded via `csv` and rendered as SVG elements.

Aanagi2597

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

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

97% match