Skip to main content
SimilarExport ZIP
100%

Fork of Temperature in San Francisco Line Chart

✓ Published0🌍 Public
SSathish P
Last edited Feb 15, 2022
Created on Feb 15, 2022

This line chart displays one week of temperature data in San Francisco, sourced from Data Canvas - Sense Your City. The visualization uses SVG rendering through D3 v5, employing `scaleTime` and `scaleLinear` for the axes, `extent` to compute domains, and `line` with `curveBasis` for the smoothed red temperature path. Axes are generated with `axisBottom` and `axisLeft`, styled with custom tick sizes and labels. The timestamp column is parsed into JavaScript `Date` objects, while temperature values are converted to numbers before rendering.

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, 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
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, 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.

BBurg
97% 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
97% match
Loading thumbnail…

Fork of Temperature in San Francisco Line Chart

This line chart displays one week of temperature data in degrees Celsius for San Francisco, sourced from the Data Canvas - Sense Your City project. The visualization uses D3 v5 to render an SVG with a time-scaled x-axis and linear temperature y-axis, featuring gridlines and axis labels. Data is loaded from a CSV file and parsed into date and numeric values. The line is drawn using `d3.line` with the `curveBasis` interpolation, while axes are generated with `axisBottom` and `axisLeft` and styled with custom CSS.

DDev142
97% 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 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
97% 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 displays temperature values over time, with the area beneath the line filled to emphasize the temperature curve. The visualization uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, `area`, and `curveBasis` to render the SVG chart. Axes are labeled and styled via CSS, while data is loaded as CSV and parsed with timestamps converted to Date objects.

IIliJa Ryzhov
97% 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 Data Canvas - Sense Your City. The visualization uses D3 v5 to render an SVG with time-scaled x-axis and linear y-axis, employing `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and a `line` generator with `curveBasis` smoothing. Gridlines are drawn via tick sizes while axis labels and a title are appended as SVG text elements. Data is loaded from an external CSV and parsed for temperature and timestamp values.

PPeter Prevos
97% match