Skip to main content
SimilarExport ZIP
100%

Temperature in SF Line Chart

✓ Published1🌍 Public
Ccledevoute
Last edited Jun 17, 2020
Created on Jun 17, 2020

This line chart visualizes San Francisco temperatures over a week, plotting timestamp against temperature using the `d3.curveBasis` line generator for smooth curves. The visualization includes labeled axes with gridlines, a title, and an SVG rendering. Data is loaded from a remote CSV, parsed into dates and numbers, then scaled using `scaleTime` and `scaleLinear` with `axisLeft` and `axisBottom` for ticks.

AI-generated description

Line Chart from data about temp in SF from Data Canvas

MIT Licensed

Similar vizzes

Loading thumbnail…

Temperature in SF Line Chart

A line chart visualizes a week of temperature readings in San Francisco, plotting timestamp against temperature. The chart is rendered as an SVG using D3 v5, with a smooth curve generated by the `d3.line` and `curveBasis` APIs. Axes are created with `d3.axisLeft` and `d3.axisBottom`, and scales are set via `d3.scaleTime` and `d3.scaleLinear`. Data is loaded from a remote CSV file and formatted before being drawn.

LLucas Meirelles
96% match
Loading thumbnail…

Temperature in SF Line Chart

This line chart visualizes one week of temperature data in San Francisco, using a smooth area curve to show temperature fluctuations over time. The visualization uses D3 v5 with the `area` generator and `curveBasis` to create the filled path, while `scaleTime` and `scaleLinear` map timestamps and temperature values to screen coordinates. Axes are rendered using `axisBottom` and `axisLeft` with gridlines, and the data comes from Data Canvas - Sense Your City via a CSV file. The chart includes labeled axes for Time and Temperature, with the title "A week in San Francisco" displayed above the plot.

BbeauMarko
95% match
Loading thumbnail…

Temperature in San Francisco Line Chart

A line chart displays one week of temperature in San Francisco, with time on the x-axis and temperature in Celsius on the y-axis, using smooth curved lines generated with the D3 `line` generator and `curveBasis`. The SVG rendering includes labeled axes with gridlines, a title, and a maroon stroke line, styled via CSS. Data is loaded from a CSV file using D3's `csv` function, with timestamps parsed as dates and temperatures as numbers. The visualization incorporates `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `extent` from d3 v5.

Rrigt
95% match
Loading thumbnail…

Temperature in SF Line Chart

This chart displays a week of temperature readings in San Francisco, with time on the x-axis and temperature on the y-axis. The data is loaded from a CSV file and rendered as a filled area chart using a smooth curve. The visualization uses D3 v6’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `area` with the `curveBasis` generator, all drawn as SVG elements with custom grid lines and labels.

Rrainyrainyguo
95% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays one week of temperature data in San Francisco, plotted over time using a smooth basis curve. The visualization uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to render the SVG path. Data is loaded from a CSV file hosted on VizHub, with timestamps parsed as dates and temperatures converted to numeric values. The chart includes labeled axes, gridlines, and a title, with a maroon stroke highlighting the temperature trend.

Mmyskotima130
95% match
Loading thumbnail…

Temperature in SF - line chart

This line chart shows one week of temperature in San Francisco, with time on the x-axis and temperature on the y-axis, rendered as a smooth maroon curve over a grid of axis ticks. The visualization uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis`, drawing SVG elements within an 960 by 500 viewport. Data is loaded as CSV from a remote URL and parsed with timestamps converted to `Date` objects and temperatures to numbers.

CCatriona
95% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart visualizes temperature readings over a week in San Francisco using a smooth basis curve. The chart uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisLeft`, `axisBottom`, and `line` with `curveBasis` to render the SVG path. Grid lines are drawn via negative tick sizes, and axis labels are positioned with rotation. Data is loaded from a CSV file containing timestamps and temperature values, with circles styled red and semi-transparent in CSS.

Aanastasiiaplatovskikh
95% match
Loading thumbnail…

Temperature in SF Line Chart

This line chart visualizes a week of temperature readings in San Francisco, plotting time on the x-axis and temperature on the y-axis. A smooth maroon curve connects the data points, supported by a grid of light gray tick lines with labeled axes. The code uses d3.scaleTime, d3.scaleLinear, d3.line with curveBasis, and d3.axisBottom/axisLeft to render the SVG. Data is loaded via d3.csv from a remote CSV file, with timestamps parsed as Date objects and temperatures converted to numbers.

Rrainyrainyguo
95% match