Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Fork of Temperature in San Francisco Line Chart

✓ Published0🌍 Public
Nnexus1058
Last edited Apr 17, 2021
Created on Apr 17, 2021

This line chart displays temperature in degrees Celsius over one week in San Francisco, with the time axis labeled "Time" and the value axis labeled "Temperature." The visualization uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to render a smooth path, styled with a maroon stroke. Data comes from the Data Canvas - Sense Your City dataset, loaded via `csv()`. The SVG output includes grid lines, axis labels, and a title, with all elements scaled for readability.

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 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 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 to load CSV data, apply linear and time scales, render axes, and draw a smooth basis-curve line. SVG is used for rendering, and the chart includes axis labels, grid lines, and a title, with styling applied via CSS.

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