Skip to main content
SimilarExport ZIP
100%

Fork of Temp in San Fran Line Chart

✓ Published1🌍 Public
Llerik03
Last edited Nov 30, 2022
Created on Nov 30, 2022

This line chart displays a week of temperature in degrees Celsius for San Francisco, using time-series data from the Data Canvas - Sense Your City project. The visualization renders an SVG with a smooth curved line, showing temperature fluctuations over time. It uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to generate the path. Grid lines and labeled axes for time and temperature are drawn, while the data is loaded via `csv` from a remote URL.

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.

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
96% 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
96% 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
96% 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
96% match
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
96% 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
95% match
Loading thumbnail…

Fork of Temperature in San Francisco Line Chart

This line chart visualizes one week of temperature data (in degrees Celsius) for San Francisco, sourced from Data Canvas - Sense Your City. It shows how temperature fluctuates over time. The visualization is built with D3 v5, using `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and a `line` generator with `curveBasis` to create the smooth path. The SVG chart includes axis labels, a title, and a maroon line on a grid with white space, rendered from a CSV dataset fetched via `csv()`.

Ddatacore-inikolov
95% match
Loading thumbnail…

Fork of Temperature in San Francisco Line Chart

This line chart shows one week of temperature in degrees Celsius in San Francisco, with time on the x-axis and temperature on the y-axis, using data from Data Canvas - Sense Your City. It renders an SVG with D3 v5, employing `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and a line generator with `curveBasis` for a smooth path. The chart includes labeled axes, gridlines, and a title, with data parsed via `csv` and date objects.

GGumaa
95% match