Skip to main content
SimilarExport ZIP
100%

LVlocal

✓ Published0🌍 Public
李李文韬
Last edited Mar 16, 2021
Created on Mar 15, 2021

A single line chart displays one week of temperature data in San Francisco, sourced from the Data Canvas - Sense Your City project, with time on the x-axis and degrees Celsius on the y-axis. The visualization renders as an SVG using D3 v5, applying `scaleTime` and `scaleLinear` for the axes, `axisBottom` and `axisLeft` for tick marks, and `line` with `curveBasis` to draw a smoothed path. Grid lines extend across the plot area, with labels for both axes and a title.

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…

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 along the y-axis against time on the x-axis, with a smooth maroon curve drawn using a basis interpolation. The visualization is rendered as an SVG using D3 v5, employing `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and the `line` generator with `curveBasis` to create the path. Grid lines and labeled axes provide context, while the title “A week in San Francisco” appears above the plot.

Llwinmgsoe
87% match
Loading thumbnail…

LINE CHART

This line chart displays one week of temperature data in degrees Celsius for San Francisco, sourced from Data Canvas - Sense Your City. The visualization uses d3.csv to load the data, d3.scaleTime and d3.scaleLinear for the axes, and d3.line with curveBasis to render a smooth path in SVG. Axis labels, a title, and gridlines are included via d3.axisLeft and d3.axisBottom, with margins applied to the chart group.

Ccocktaildata
86% match
Loading thumbnail…

A week in San Francisco

This visualization shows a week of temperature readings in San Francisco, plotted as a smooth line chart with time on the x-axis and temperature in Celsius on the y-axis. The data comes from the Data Canvas - Sense your city dataset. Using D3 v5, the code employs `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes, while a line generator with `curveBasis` creates the curved path. Grid lines and axis labels are styled via SVG elements, with the chart rendered entirely in SVG.

LLinn
86% match
Loading thumbnail…

Line Chart

This line chart displays one week of temperature (in Celsius) in San Francisco using data from Data Canvas - Sense Your City. The D3 v5 code loads the CSV dataset and maps timestamps to a time scale and temperatures to a linear scale, rendering the smoothed line with a curveBasis generator. SVG axes are customized via axisBottom and axisLeft, with labels and a title added to the visualization.

Ddangquangt
85% match
Loading thumbnail…

Untitled

This line chart displays one week of temperature in degrees Celsius in San Francisco, using data from Data Canvas - Sense Your City. It plots temperature against time, with timestamps parsed as JavaScript Date objects and temperature values converted to numbers. The visualization renders as an SVG using d3.v4’s selection, scaleTime, scaleLinear, axisLeft, axisBottom, line, and curveBasis functions, with axis labels and a title. The line path is styled with a maroon stroke, and the data is loaded asynchronously via d3.csv.

Jjl-tan
85% match
Loading thumbnail…

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 visualization uses D3 v5 to render an SVG with a time-scaled x-axis and linear temperature scale, with data loaded via `csv`. The code employs `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and a `line` generator with `curveBasis` to produce a smooth maroon path, complete with labeled axes and a title.

Lluiz0518
85% match
Loading thumbnail…

Line Chart

This line chart displays one week of temperature data in San Francisco, sourced from Data Canvas - Sense Your City. The visualization uses D3 version 5 to map timestamps and temperature values to a time-scaled x-axis and a linear y-axis, with a basis-curved line path representing the temperature trend. Axis labels and a title are rendered as SVG text, while grid lines are generated via `axisBottom` and `axisLeft` ticks. The chart is styled with CSS for the line's stroke, width, and title appearance.

Ggayathrikavya
85% match
Loading thumbnail…

Line Chart Final

This line chart displays 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. The visualization renders an SVG using D3 v5, employing `scaleTime` and `scaleLinear` for axes, `line` with `curveBasis` for the smoothed path, and `axisBottom`/`axisLeft` for grid lines and labels. Data is loaded via `csv` and parsed into `Date` objects for temporal scaling.

Ggayathrikavya
85% match