Fork of LineChart

100%

Fork of LineChart

✓ Published0🌍 Public

Last edited Mar 13, 2023

Created on Mar 13, 2023

This fork of a D3.js line chart visualizes San Francisco's average daily temperature for December 2020 using a time-series dataset of day and temperature values. The chart renders an SVG with a smoothed basis curve line, a titled plot area, and labeled axes for date and temperature. The code leverages D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, `line`, and `curveBasis`, along with the `csv` loader to parse the data file, which is then converted to date and numeric types before rendering.

AI-generated description

Scatterplot data about cars.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Temperature in San Francisco

A line chart visualizes a week of temperature changes in San Francisco, using a smooth basis curve to connect data points over time. The D3.js code loads CSV data from a remote source, parses timestamps and numeric temperature values, and renders an SVG graphic with labeled time and temperature axes. It employs `select`, `csv`, `scaleTime`, `scaleLinear`, `axisLeft`, `axisBottom`, and `line` with `curveBasis` to build the visualization, adding gridlines via tick marks and removing axis domains for a clean look.

Ggharakhani1986

90% match

Loading thumbnail…

Fork of Temperature in San Francisco Line Chart

This chart displays a week of temperature readings 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 `curveBasis` to plot a smooth line on an SVG canvas. Grid lines and labeled axes are styled via CSS, and the data is loaded from a CSV file hosted on GitHub.

Aavvarijayakrishna99@gmail.com

89% 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 against time, with a smooth curved line generated using `d3.line` with `curveBasis`. The chart includes labeled axes and a title, rendered as an SVG. The code uses d3 v5 functions including `scaleTime`, `scaleLinear`, `axisLeft`, `axisBottom`, and `extent`, with data loaded via `csv` and parsed into dates and numeric temperatures.

BBenoit Estrade

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

89% 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 a smooth curved line with circular points, showing temperature trends over time. The visualization uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis`. The SVG rendering includes styled axes, gridlines, and a title, with the data loaded via `d3.csv` from a remote dataset.

RRahulYN

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

89% match

Loading thumbnail…

Fork of Temperature in San Francisco Line Chart

A line chart displays one week of temperature data in San Francisco, sourced from Data Canvas - Sense Your City. The visualization plots temperature in degrees Celsius over time, using a smoothed basis curve to connect data points. Built with D3 v5, the code uses `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to render the SVG path. The chart includes labeled axes, a titled plot area, and styled grid lines from the tick marks. The data is loaded from a CSV file via `csv` and processed through the `extent` function.

Nnyebbers

89% 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 the Data Canvas - Sense Your City project. It shows temperature fluctuations over time using a smooth curved line, with labeled axes for time and temperature. The visualization is built with D3 v5, using `scaleTime` and `scaleLinear` for scaling, `axisBottom` and `axisLeft` for axes, and the `line` generator with `curveBasis` for the curved path. Data is loaded via `csv` and rendered as SVG elements.

Aanagi2597

89% match