Skip to main content
SimilarExport ZIP
100%

Fork of Temperature in San Francisco Line Chart

✓ Published0🌍 Public
CCheng Tang
Last edited Oct 23, 2022
Created on Oct 23, 2022

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.

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

Zzenoe
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

A line chart displays one week of temperature data in San Francisco, sourced from Data Canvas - Sense Your City. The visualization plots temperature in degrees Celsius over time, using a smoothed basis curve to connect data points. Built with D3 v5, the code uses `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to render the SVG path. The chart includes labeled axes, a titled plot area, and styled grid lines from the tick marks. The data is loaded from a CSV file via `csv` and processed through the `extent` function.

Nnyebbers
97% 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
97% 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 uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with a `curveBasis` smoother to draw the maroon temperature curve. Data is loaded via `csv` from a remote dataset, and the SVG rendering includes styled axes, tick marks, and a title. The code demonstrates a typical margin-based layout with axis labels and gridlines, sourced from Data Canvas - Sense Your City.

NNoobSaiyan
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 plots temperature in Celsius against time, using a smooth curved line to connect data points. The code employs D3 v5 functions including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to render the SVG chart. Grid lines, axis labels, and a title are added, with the data loaded via `d3.csv` from an external CSV file.

Jjpl-web
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 the Data Canvas - Sense Your City project. It displays temperature in degrees Celsius over time, with a smooth curved line connecting data points against a grid with labeled axes. The visualization uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to render the chart as SVG. Data is loaded from a CSV file via the `csv` function and rendered inside the SVG canvas.

Llrakla
97% match