Skip to main content
SimilarExport ZIP
100%

Temperature in San Francisco Line Chart

✓ Published0🌍 Public
BBendrog
Last edited Feb 12, 2020
Created on Feb 11, 2020

This visualization displays a year of temperature and humidity data for San Francisco using two side-by-side line charts. The left chart plots temperature over time, while the right chart plots humidity, both using a shared time axis. The code uses D3 v5 with SVG rendering, employing `d3.scaleTime`, `d3.scaleLinear`, `d3.line`, and `d3.axisBottom`/`d3.axisLeft`. Data comes from the 2015 Sense Your City project, and both charts share the same timestamp domain.

AI-generated description

Temperature in San francisco for 1 Year

Data comming from this 2015 project: Sense your City

MIT Licensed

Similar vizzes

Loading thumbnail…

Temperature in San Francisco Line chart

This visualization displays temperature measurements in San Francisco over time, using a line chart where the x-axis represents time and the y-axis represents temperature. The chart is rendered as an SVG using D3 v5, with the data loaded from a CSV file containing timestamp and temperature values. The visualization leverages D3’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, `line`, and `curveBasis` APIs to create the axes and smooth the line path. Grid lines extend across the plot via negative tick sizes, and the title and axis labels are added as text elements, all styled with large fonts for readability.

Ddavidpiber
91% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays temperature readings in San Francisco over time, using a smooth filled area to emphasize the range between the temperature values and the baseline. The visualization loads data from a CSV file and renders it as an SVG using D3 v5, with `d3.area` and `curveBasis` generating the curved path. Axes are created with `d3.axisLeft` and `d3.axisBottom`, while `d3.scaleTime` and `d3.scaleLinear` map the temporal and temperature domains to pixel coordinates. The chart includes labeled title, axis labels, and gridlines.

Pparkypoo
91% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays one week of temperature data in San Francisco, measured in degrees Celsius, over time. The visualization uses D3 v5 with an SVG rendering approach, employing `scaleTime` and `scaleLinear` for the axes, `axisBottom` and `axisLeft` for grid lines and labels, and a `line` generator with `curveBasis` to smooth the temperature curve. The data is loaded from a CSV file hosted on VizHub, sourced from the Data Canvas - Sense Your City project. The chart includes axis labels, a title, and a maroon smoothed line to show temperature fluctuations.

Mmihir2709
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 plots temperature in degrees Celsius on the y-axis against time on the x-axis, with a smooth curved line connecting data points. The visualization is rendered as SVG using D3 v5, employing APIs such as `scaleTime`, `scaleLinear`, `axisLeft`, `axisBottom`, `line`, and `curveBasis` to construct the axes and path. Interactive components are absent, with the focus on clear presentation of the temperature trend.

Hhxiao-git
90% match
Loading thumbnail…

Temperature in San Francisco Line chart

This line chart displays temperature readings in San Francisco over time, using a smooth curve to connect daily data points. The visualization includes labeled axes for time and temperature, with a title and grid lines for readability. Built with D3 v5, the code uses `scaleTime`, `scaleLinear`, `line` with `curveBasis`, and `axisBottom`/`axisLeft` to render an SVG. The data is loaded via `csv` from a remote dataset, with timestamps parsed as dates and temperatures converted to numbers for plotting.

FfezekilePlaatyi
90% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays temperature measurements from San Francisco over time, using a smooth curve to connect data points across the hourly timestamp series. The x-axis represents time with a bottom-oriented scale, while the y-axis indicates temperature values, formatted through `d3.scaleTime` and `d3.scaleLinear`. Built with D3 v5, the visualization uses `d3.line` with `curveBasis` for smoothing, and renders axis labels and gridlines via `d3.axisBottom`, `d3.axisLeft`, and custom SVG text elements. The chart loads temperature data from a CSV file and encodes it entirely through SVG paths and tick marks.

PPioustu
90% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays temperature over time in San Francisco, with time on the x-axis and temperature on the y-axis. The visualization uses D3.js (v5) with `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and a `line` generator with `curveBasis` smoothing. Data is loaded via `csv` from VizHub, parsed into JavaScript Dates and numbers, and rendered as an SVG path with green stroke styling.

PPavel Antoshkin
90% 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 is rendered as an SVG using D3 v5, employing `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and a `line` generator with `curveBasis` for smoothing. The chart includes labeled axes, a title, and grid lines created via tick marks. Data is loaded as CSV from the Data Canvas - Sense Your City dataset, with timestamps parsed as dates and temperatures converted to numbers.

SSagar Malviya
90% match