Skip to main content
SimilarExport ZIP
100%

Fork of Temperature in San Francisco Line Chart

✓ Published1🌍 Public
EEmmanuel Chukwujindu
Last edited Mar 27, 2021
Created on Mar 27, 2021

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 is built using D3 version 5, with axes rendered via `axisBottom` and `axisLeft`, and the temperature trend drawn as a smooth curve using the `line` generator with `curveBasis`. Temperature and timestamp values are parsed from a CSV file loaded from VizHub, and the chart includes labeled axes and a title. The SVG output is styled with custom CSS, using a maroon line path and steelblue circles.

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…

Fork of 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 degrees Celsius on the y-axis. The smooth line is generated using d3.line with curveBasis, while d3.scaleTime and d3.scaleLinear map the data domains. Axes are rendered with d3.axisBottom and d3.axisLeft, featuring gridlines and rotated labels. The code loads CSV data from a VizHub dataset, parses timestamps and numeric temperatures, and uses d3.select and SVG elements to build the visualization, styled with custom CSS classes.

BBurg
97% match
Loading thumbnail…

Fork of 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 degrees Celsius on the y-axis. The smooth line is generated using d3.line with curveBasis, while d3.scaleTime and d3.scaleLinear map the data domains. Axes are rendered with d3.axisBottom and d3.axisLeft, featuring gridlines and rotated labels. The code loads CSV data from a VizHub dataset, parses timestamps and numeric temperatures, and uses d3.select and SVG elements to build the visualization, styled with custom CSS classes.

BBurg
97% match
Loading thumbnail…

Fork of Temperature in San Francisco Line Chart

This line chart visualizes a week of temperature data in San Francisco, with time on the x-axis and degrees Celsius on the y-axis. The visualization is built with D3.js v5, using `scaleTime` and `scaleLinear` for axes, `axisBottom` and `axisLeft` for tick marks, and `line` with `curveBasis` to draw the smoothed temperature curve. The data originates from the Data Canvas - Sense Your City project and is loaded via a CSV file from vizhub. The SVG rendering includes custom styling for gridlines, axis labels, and a title.

AAustin0524
97% match
Loading thumbnail…

Fork of Temperature in San Francisco Line Chart

This line chart displays one week of temperature data in San Francisco, with time plotted on the x-axis and temperature in degrees Celsius on the y-axis. The visualization uses d3.scaleTime and d3.scaleLinear to map data to SVG coordinates, with axes generated via d3.axisBottom and d3.axisLeft. The line path is drawn using d3.line with a curveBasis interpolation, and data is loaded from a CSV file on VizHub. The chart includes labeled axes, a title, and grid lines.

AAnas1108
96% match
Loading thumbnail…

Fork of 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 degrees Celsius on the y-axis. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with a `curveBasis` smoother to draw the maroon temperature curve. Data is loaded via `csv` from a remote dataset, and the SVG rendering includes styled axes, tick marks, and a title. The code demonstrates a typical margin-based layout with axis labels and gridlines, sourced from Data Canvas - Sense Your City.

NNoobSaiyan
96% match
Loading thumbnail…

Fork of Temperature in San Francisco Line Chart

This line chart visualizes one week of temperatures in San Francisco, with a smooth curve showing how temperatures fluctuate over time. The visualization uses D3.js v7 to load CSV data and render an SVG, employing `scaleTime` and `scaleLinear` for the axes, `line` with `curveBasis` for the curved path, and `axisBottom`/`axisLeft` for labeled ticks. The chart displays the title and axis labels (Time and Temperature) within a 960x500 SVG canvas, showing the daily temperature trend in degrees Celsius.

KKaleb LaBarrie
96% match
Loading thumbnail…

Fork of 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 degrees Celsius on the y-axis, sourced from Data Canvas - Sense Your City. The visualization uses D3 v5 to parse the CSV data, apply time and linear scales, and draw a smoothed curve via `line()` with `curveBasis`. Axis labels and tick marks are generated using `axisBottom` and `axisLeft`, while the SVG rendering includes a maroon path with styled gridlines and text elements.

Iindushashi.g@gmail.com
96% match
Loading thumbnail…

Fork of 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 degrees Celsius on the y-axis. The chart uses D3 v5’s `scaleTime` and `scaleLinear` to map the data, `axisBottom` and `axisLeft` for labeled axes, and a `line` with `curveBasis` to draw the smoothed temperature path. The data, loaded via `csv` from a dataset on Gray Area’s Data Canvas, is rendered as SVG with styled grid lines, axis labels, and a title.

Nnexus1058
96% match