Skip to main content
SimilarExport ZIP
100%

11.b - sanfran temp line chart - dataviz 2018

✓ Published2🌍 Public
Zzach b.
Last edited Jan 12, 2022
Created on Nov 23, 2021

This line chart displays one week of temperature data in San Francisco, sourced from the Data Canvas - Sense Your City project. The visualization uses D3 v7 with SVG rendering, employing `scaleTime` and `scaleLinear` for axes, `line` with `curveBasis` for the smoothed path, and circles for individual data points. The chart includes custom margins, gridlines via `tickSize`, and clear axis labels, with styling applied through external CSS.

AI-generated description

datraviz 2018 #11.b - temp over time - line chart

-- 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…

11.c - sanfran temp area chart - dataviz 2018

A week of San Francisco temperatures appears as a smooth blue area chart with a black line overlay and maroon points marking each reading. The chart uses a time-based x-axis and a linear y-axis for degrees Celsius. Built with D3 v7, it employs `scaleTime`, `scaleLinear`, `d3.line`, `d3.area`, and `curveBasis` for smoothing. Data is loaded via `d3.csv` from a VizHub-hosted CSV. SVG rendering includes gridlines, axis labels, and a title, with styling handled through CSS classes.

Zzach b.
92% match
Loading thumbnail…

11.a - sanfran temp scatta'plot - dataviz 2018

This visualization shows a week of temperature measurements in San Francisco as a scatterplot, with each circle representing a temperature reading over time. The data comes from the Data Canvas - Sense Your City project and is loaded via `d3.csv`. The code uses D3 v7 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes, while circles are rendered in SVG with a fixed radius and semi-transparent steelblue fill. Gridlines are drawn via tick marks, and the chart includes labeled axes for temperature and time.

Zzach b.
92% match
Loading thumbnail…

Temperature San. Fran. 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 initiative. The visualization captures temperature fluctuations over time using a smooth, curved line rendered as an SVG path. Built with D3 v7, it uses `scaleTime` and `scaleLinear` for axes, `d3.line` with `curveBasis` for the path, and `axisBottom` and `axisLeft` for tick marks and labels. The chart includes a title, axis labels, and styled grid lines, with data loaded asynchronously from a CSV file.

RRobindj2000
91% match
Loading thumbnail…

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 uses D3 v6 with SVG rendering, employing `scaleTime` for the time axis and `scaleLinear` for temperature. The chart features a smoothed line using `curveBasis`, a grid via custom tick marks, and labeled axes. Data is loaded from a CSV file and mapped to the line path.

AAnthony Ynami
91% match
Loading thumbnail…

Temp 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 degrees Celsius over time, with a smooth curve connecting the data points. Built using d3.v5, the code employs `d3.scaleLinear`, `d3.scaleTime`, `d3.axisLeft`, and `d3.axisBottom` to construct the axes, while `d3.line` with `d3.curveBasis` generates the smoothed path. The SVG rendering includes axis labels, grid lines, and a title, with data loaded from a CSV file.

IIan Russell
91% 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
91% 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 chart displays a smooth, curved line plotting temperature over time, with labeled axes for time and temperature and a title. The visualization is rendered using D3 version 7, leveraging `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` for the smoothed path. The SVG output includes styled gridlines and text via CSS, with data loaded from a CSV file.

Yyejichun@naver.com
90% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart visualizes one week of temperature data (in degrees Celsius) for San Francisco, sourced from the Data Canvas - Sense Your City dataset. It plots time on the x-axis against temperature on the y-axis, with a smoothed line using `curveBasis` from D3 v5. The SVG rendering uses `scaleTime` and `scaleLinear` for axes, along with `axisBottom` and `axisLeft` for tick marks. Grid lines and axis labels are styled via CSS, and the chart includes a title, “A Week in San Francisco.”

Kkevgammer689
90% match