Fork of Line chart

100%

Fork of Line chart

✓ Published1🌍 Public

Last edited Oct 5, 2021

Created on Oct 5, 2021

This fork of D3 v5 line chart visualizes one week of temperature data in San Francisco, sourced from Data Canvas's Sense Your City dataset. The SVG rendering plots temperature over time using `scaleTime` and `scaleLinear` axes, with `axisLeft` and `axisBottom` for ticks and labels. A `line` generator with `curveBasis` draws the smoothed temperature path, while styled circles and axis-label text are configured via CSS classes.

AI-generated description

This line chart shows one week temperarature(in degrees celcius) in San Francisco the data comes from Data canvas-sense your city

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Temperature in San Francisco Line Chart

This fork of a D3.js line chart visualizes one week of temperature data in San Francisco, sourced from Data Canvas. It plots temperature values over time on SVG-rendered axes, using `scaleTime` and `scaleLinear` for scaling, with `axisBottom` and `axisLeft` for tick marks. The line is drawn with a `line` generator and a basis curve, styled as a maroon path. The chart includes labeled axes and a title, all rendered via the d3.v5 library.

SSeongwoo Choi

94% match

Loading thumbnail…

Fork of Linechart

This linechart displays one week of temperature data in San Francisco, using a smooth curved line to connect readings over time. The visualization relies on D3 v6 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis`, rendering to SVG. Data originates from the Data Canvas - Sense Your City project, loaded via `d3.csv` from a GitHub gist, though the temperature values remain as unparsed strings in the current code.

PPiotr Paszek

94% match

Loading thumbnail…

Fork of Temperature in San Francisco Line Chart

This fork displays a week of temperature data for San Francisco as a smooth line chart, from a Data Canvas dataset. D3 v5’s `scaleTime` and `scaleLinear` map timestamps and temperatures to SVG coordinates, while `axisBottom` and `axisLeft` render labeled grid axes. The `line` generator with `curveBasis` draws the curved path, and the SVG titling and styling come from appended text elements and CSS classes.

Vvk

93% 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

93% 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

93% 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

93% 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 Data Canvas’s Sense Your City dataset. The visualization uses D3 v5 to render an SVG line chart with smoothed curves via `line` and `curveBasis`. Time and linear scales (`scaleTime`, `scaleLinear`) map timestamps and temperature values, while `axisLeft` and `axisBottom` generate labeled axes with grid lines. The chart includes a title, rotated y-axis label, and styled maroon data path.

SSteven Pearce

93% match

Loading thumbnail…

Fork of Temperature in San Francisco Line Chart

This fork of the D3.js example visualizes one week of temperature data for San Francisco using a line chart. The chart plots temperature on the y-axis against time on the x-axis, with data loaded from a CSV file containing timestamp and temperature values. The code leverages D3 v5 APIs including `scaleLinear`, `scaleTime`, `axisLeft`, `axisBottom`, and `line` with `curveBasis`, rendering the result as SVG elements. Axis labels and a title are added using SVG text elements, while CSS styles define the appearance of the maroon line and tick marks.

DDevyn Chew

92% match