Skip to main content
SimilarExport ZIP
100%

Fork of Temperature in San Francisco Line Chart

✓ Published0🌍 Public
RRahulYN
Last edited May 5, 2022
Created on May 5, 2022

This line chart visualizes one week of temperature data in San Francisco, sourced from Data Canvas - Sense Your City. It displays a smooth curved line with circular points, showing temperature trends over time. The visualization uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis`. The SVG rendering includes styled axes, gridlines, and a title, with the data loaded via `d3.csv` from a remote dataset.

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 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
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 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 Data Canvas - Sense Your City. It displays temperature values over time, with the area beneath the line filled to emphasize the temperature curve. The visualization uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, `area`, and `curveBasis` to render the SVG chart. Axes are labeled and styled via CSS, while data is loaded as CSV and parsed with timestamps converted to Date objects.

IIliJa Ryzhov
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. The chart plots temperature in degrees Celsius against time, using a smooth curve generated with the `d3.line` and `curveBasis` APIs. Axes are rendered with `d3.axisBottom` and `d3.axisLeft`, while scales are created using `d3.scaleTime` and `d3.scaleLinear`. The SVG rendering includes styled grid lines, axis labels, and a title, with data loaded via `d3.csv`.

YYasara Peiris
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 displays one week of temperature data in San Francisco, with time on the x-axis and degrees Celsius on the y-axis, sourced from Data Canvas - Sense Your City. The visualization uses D3 v5 to parse the CSV data, apply time and linear scales, and draw a smoothed curve via `line()` with `curveBasis`. Axis labels and tick marks are generated using `axisBottom` and `axisLeft`, while the SVG rendering includes a maroon path with styled gridlines and text elements.

Iindushashi.g@gmail.com
97% match