Skip to main content
SimilarExport ZIP
100%

Temperature in San Francisco Line Chart

✓ Published0🌍 Public
AAlejandro Zamora Esquivel
Last edited May 30, 2020
Created on May 30, 2020

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` curve to render the smooth path. Data is loaded via `csv` from a GitHub gist, with timestamps parsed as dates and temperatures as numbers. The SVG rendering includes styled axis labels, gridlines, and a title, all defined in an external stylesheet.

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…

Temperature in San Francisco Line Chart

This line chart displays one week of temperature in degrees Celsius for San Francisco, with time on the x-axis and temperature on the y-axis. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and a `line` generator with `curveBasis` to draw a smooth path over the data. Data is loaded as CSV from a remote dataset, converted to JavaScript Date and numeric values, then rendered as an SVG with styled axis labels, gridlines, and a title.

MMyCode
98% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays one week of temperature data in degrees Celsius for San Francisco, with time on the x-axis and temperature on the y-axis. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to render a smoothed path showing temperature fluctuations. Data is loaded via `csv` from a remote dataset and parsed into JavaScript `Date` and numeric values. The SVG output includes styled grid lines, axis labels, and a title, with the chart drawn inside a margin-based layout.

DDaniel Frey
98% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays one week of temperature data in degrees Celsius for San Francisco, with time on the x-axis and temperature on the y-axis. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to render a smoothed path showing temperature fluctuations. Data is loaded via `csv` from a remote dataset and parsed into JavaScript `Date` and numeric values. The SVG output includes styled grid lines, axis labels, and a title, with the chart drawn inside a margin-based layout.

DDaniel Frey
98% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays one week of temperature data (in degrees Celsius) for San Francisco, using a smooth curve to connect daily measurements. The visualization uses D3 v5 with an SVG rendering approach, employing scales like `scaleTime` and `scaleLinear` to map timestamps and temperature values to screen coordinates, while `axisBottom` and `axisLeft` generate the labeled axes. The line is drawn with `d3.line` and a basis curve, and the data is loaded from an external CSV via `d3.csv`, with each timestamp parsed as a JavaScript `Date` object.

Wwannurmawaddah
98% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart visualizes one week of temperature data for San Francisco, with time on the x-axis and degrees Celsius on the y-axis. Built with D3 v5, the visualization uses `scaleTime` and `scaleLinear` for axis scaling, `axisBottom` and `axisLeft` for grid lines and labels, and a `line` generator with `curveBasis` for the smooth maroon temperature curve. Data is loaded from a CSV file hosted by Data Canvas via `csv`, and the SVG output includes styled tick marks and a title.

Xxhoumba
98% match
Loading thumbnail…

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 a basis curve to render the smooth maroon line. Data is loaded via `csv` from an external dataset and parsed into JavaScript `Date` objects and numbers. The chart includes gridlines, axis labels, and a title, all rendered as SVG elements.

SSkip McBride
98% match
Loading thumbnail…

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 renders as an SVG using D3 v5, employing `scaleTime` and `scaleLinear` for the axes, `line` with `curveBasis` for the smoothed path, and `axisBottom`/`axisLeft` for tick marks. Data is loaded via `csv` from a remote dataset, with timestamps parsed as dates and temperatures converted to numbers. The maroon line is drawn with a stroke width of five, accompanied by styled axis labels and a title.

Jjesramyep1263
98% match
Loading thumbnail…

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, using a smooth curve to connect the daily readings. The visualization loads CSV data and renders an SVG with D3 v5, employing `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and a `line` generator with `curveBasis`. The chart includes labeled axes, grid lines, and a title, with styling defined in external CSS. The data originates from the Data Canvas - Sense Your City project.

Jjasonford1
98% match