Skip to main content
SimilarExport ZIP
100%

Fork of Temperature in San Francisco Line Chart

✓ Published0🌍 Public
BBurg
Last edited Nov 9, 2021
Created on Nov 9, 2021

This line chart visualizes one week of temperature data in San Francisco, sourced from Data Canvas - Sense Your City, with time on the x-axis and degrees Celsius on the y-axis. It renders as an SVG using D3 v5, employing `scaleTime` and `scaleLinear` for axes, `axisBottom` and `axisLeft` for ticks, and a `line` generator with `curveBasis` for the smoothed path. The chart includes labeled axes, a title, and styled tick lines and text via CSS.

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 visualizes one week of temperature data in San Francisco, sourced from Data Canvas - Sense Your City. The chart plots temperature in degrees Celsius against time, with a smoothed curve connecting the data points. The visualization is built using D3 v5, leveraging the `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` APIs. It renders as an SVG, with axis labels, a title, and grid lines, and includes code for axis customization and label styling.

Mmsasuhaimi
98% 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
98% match
Loading thumbnail…

Fork of 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 SVG rendering uses D3 v5 to plot time against temperature, with a smooth curve generated by the `line` and `curveBasis` functions. Styled axes and tick marks are configured via `axisLeft`, `axisBottom`, and CSS classes, while the chart includes labeled axes, a title, and a maroon polyline. The data is loaded as CSV asynchronously, parsed into date and numeric values, and then scaled with `scaleTime` and `scaleLinear` for the x and y dimensions.

Ffrozengem397
98% match
Loading thumbnail…

Fork of 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. It plots temperature in degrees Celsius over time, with a smoothed curve produced using d3.line with curveBasis. The chart uses d3.scaleTime and d3.scaleLinear for axes, rendered with d3.axisBottom and d3.axisLeft. Data is loaded via d3.csv and parsed into Date and numeric values. The SVG output includes labeled axes, gridlines, and a title, styled through external CSS.

JJan Medina
98% match
Loading thumbnail…

Fork of 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, with time on the x-axis and temperature in degrees Celsius on the y-axis. The D3.js v5 code uses `scaleTime` and `scaleLinear` for axes, `line` with `curveBasis` for the smoothed path, and `axisBottom` and `axisLeft` for gridlines and ticks. Data is parsed from a CSV file, rendered as an SVG, and styled with maroon strokes and custom fonts. The chart includes a title and axis labels, presenting a clean, minimal aesthetic.

Ddeep221b
98% match
Loading thumbnail…

Fork of Temperature in San Francisco Line Chart

This line chart shows one week of temperature in degrees Celsius in San Francisco, with time on the x-axis and temperature on the y-axis, using data from Data Canvas - Sense Your City. It renders an SVG with D3 v5, employing `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and a line generator with `curveBasis` for a smooth path. The chart includes labeled axes, gridlines, and a title, with data parsed via `csv` and date objects.

GGumaa
98% match
Loading thumbnail…

Fork of 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 maps timestamps to the x-axis and temperature in degrees Celsius to the y-axis, with a smoothed line representing trends. The visualization uses D3 v5, employing `scaleTime` and `scaleLinear` for axes, `line` with `curveBasis` for the path, and `axisBottom`/`axisLeft` for gridlines. The SVG rendering includes a title and axis labels, with styling applied via CSS classes.

Sshihabudheenc
98% match
Loading thumbnail…

Fork of Temperature in San Francisco Line Chart

This line chart displays one week of temperature data in San Francisco, sourced from the Data Canvas - Sense Your City dataset. The visualization uses D3 v5 with an SVG rendering approach, employing `scaleTime` and `scaleLinear` for axes, `axisBottom` and `axisLeft` for ticks, and a `line` generator with `curveBasis` to smooth the temperature curve. Circles mark individual data points. The chart includes labeled axes for time and temperature, a title, and a styled maroon path with gridlines, all composed within a fixed-width SVG canvas.

Eetiosa
98% match