Skip to main content
SimilarExport ZIP
100%

Fork of Temperature in San Francisco Line Chart

✓ Published0🌍 Public
DDaniel Cruz
Last edited Feb 18, 2021
Created on Feb 18, 2021

This line chart visualizes a week of temperature data in San Francisco, plotting temperature values against time. The visualization uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisLeft`, `axisBottom`, and `line` with `curveBasis` to render a smooth SVG path. The data is sourced from Data Canvas - Sense Your City, though the code substitutes hash rate values from a local dataset instead of the temperature CSV. The chart includes labeled axes, grid lines, and a title, with styling applied via CSS classes.

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. The SVG rendering uses D3 v5 to plot time against temperature, with a smooth curve generated by the `line` and `curveBasis` functions. Styled axes and tick marks are configured via `axisLeft`, `axisBottom`, and CSS classes, while the chart includes labeled axes, a title, and a maroon polyline. The data is loaded as CSV asynchronously, parsed into date and numeric values, and then scaled with `scaleTime` and `scaleLinear` for the x and y dimensions.

Ffrozengem397
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, with time on the x-axis and degrees Celsius on the y-axis. It renders as an SVG using D3 v5, employing `scaleTime` and `scaleLinear` for axes, `axisBottom` and `axisLeft` for ticks, and a `line` generator with `curveBasis` for the smoothed path. The chart includes labeled axes, a title, and styled tick lines and text via CSS.

BBurg
97% match
Loading thumbnail…

Fork of Temperature in San Francisco Line Chart

This line chart visualizes a week of temperature data in San Francisco, with time on the x-axis and degrees Celsius on the y-axis. The visualization is built with D3.js v5, using `scaleTime` and `scaleLinear` for axes, `axisBottom` and `axisLeft` for tick marks, and `line` with `curveBasis` to draw the smoothed temperature curve. The data originates from the Data Canvas - Sense Your City project and is loaded via a CSV file from vizhub. The SVG rendering includes custom styling for gridlines, axis labels, and a title.

AAustin0524
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, with time on the x-axis and temperature in Celsius on the y-axis. The visualization uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to render a smooth, maroon path. SVG rendering displays grid lines, tick labels, and axis labels, while the code loads data via D3's `csv` function and styles the chart with CSS for fonts and colors.

Jjwadh
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, with time on the x-axis and temperature in Celsius on the y-axis. The visualization uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to render a smooth, maroon path. SVG rendering displays grid lines, tick labels, and axis labels, while the code loads data via D3's `csv` function and styles the chart with CSS for fonts and colors.

Jjwadh
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 Celsius against time, with a smooth curve connecting the data points. Created with D3 v5, the code uses `scaleTime` and `scaleLinear` for the axes, `axisBottom` and `axisLeft` for tick marks, and `line` with `curveBasis` for the path. Gridlines, axis labels, and a title are rendered as SVG elements within a 960x500 viewport.

AAbdullah Zahid
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 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
97% match