Skip to main content
SimilarExport ZIP
100%

Temperature in San Francisco Line Chart

✓ Published1🌍 Public
EEdoardoRegini
Last edited Apr 3, 2020
Created on Apr 3, 2020

This visualization shows a week of temperature readings in San Francisco, plotting temperature over time with a smooth blue line rendered as an SVG path. The chart uses D3 v5’s `scaleTime` and `scaleLinear` to map timestamps and temperature values, while `line` with `curveBasis` creates the curved interpolation. Axes are drawn with `axisBottom` and `axisLeft`, including gridlines and rotated axis labels. Data comes from a remote CSV file containing temperature and timestamp columns.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays a week of temperature readings in San Francisco, plotting time on the x-axis against temperature on the y-axis with a smooth, curved line. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to render the data as an SVG path. Data is loaded asynchronously from a CSV via D3’s `csv` function, with timestamps parsed into `Date` objects. The chart includes labeled axes, a title, and grid lines, with maroon strokes for the data series.

Iianleekq
96% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays one week of temperature data in San Francisco, using a smooth curved line to show temperature fluctuations over time. The visualization uses D3 v5's `scaleTime` and `scaleLinear` for the axes, `line` with `curveBasis` for the path, and `axisBottom` and `axisLeft` for labeled ticks. Data comes from the Data Canvas - Sense Your City project, loaded via `csv` and parsed into `Date` and numeric values. The SVG render includes a maroon stroke path, grid lines, and axis titles for time and temperature.

AAn Jingyi
96% 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
96% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This visualization displays a week of temperature readings in San Francisco as a smooth line chart over time. The line path is generated using D3’s `line()` generator with `curveBasis` to create a curved trend, while time and linear scales map the timestamp and temperature data. The chart includes labeled axes for Time and Temperature, with tick marks and gridlines rendered via `axisBottom` and `axisLeft`. The underlying data is loaded as a CSV from a dataset on temperature in San Francisco, parsed into date and numeric values, and rendered as an SVG within an 800 by 430 pixel viewport using D3 v5.

JJenny
96% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This visualization displays a week of temperature readings in San Francisco as a smooth line chart over time. The line path is generated using D3’s `line()` generator with `curveBasis` to create a curved trend, while time and linear scales map the timestamp and temperature data. The chart includes labeled axes for Time and Temperature, with tick marks and gridlines rendered via `axisBottom` and `axisLeft`. The underlying data is loaded as a CSV from a dataset on temperature in San Francisco, parsed into date and numeric values, and rendered as an SVG within an 800 by 430 pixel viewport using D3 v5.

JJenny
96% match
Loading thumbnail…

Temperature in San Francisco line chart

This line chart displays a week of temperature readings in San Francisco, plotting temperature against time with a smooth green curve and red data points. The visualization uses D3 v5’s `scaleTime` and `scaleLinear` for axes, `line` with `curveBasis` for the smoothed path, and `axisBottom`/`axisLeft` for grid-lined ticks. Data is loaded from a CSV hosted on VizHub, with timestamps parsed as dates and temperatures as numbers. SVG rendering is used, with custom styling for axis labels, title, and grid lines.

Jjblaskovich
96% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays a week of temperature readings in San Francisco, with time on the x-axis and temperature on the y-axis, using a smooth curved line. The visualization is rendered as an SVG using D3 v6, employing `d3.scaleTime`, `d3.scaleLinear`, `d3.line` with `curveBasis`, and axis components from `d3.axisBottom` and `d3.axisLeft`. Data is loaded from a CSV file via D3’s `csv` method, with timestamps parsed as dates and temperatures as numbers. Grid lines and axis labels are styled through CSS classes, and the chart includes a title and custom margins.

MMajaha21
96% 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
96% match