Skip to main content
SimilarExport ZIP
100%

Fork of Temperatures in San Fransisco Line Chart

✓ Published2🌍 Public
JJuyeonee
Last edited Jul 20, 2021
Created on Jul 20, 2021

A week of San Francisco temperatures is shown as a filled area chart, with time on the x-axis and temperature on the y-axis. The maroon area is drawn using D3’s `area` generator with a `curveBasis` interpolation, while axes are created via `axisBottom` and `axisLeft`. The data is loaded as CSV and parsed with `csv`, mapping timestamps to `Date` objects and temperatures to numbers. Scales include `scaleTime` and `scaleLinear`, and the SVG renders grid lines via tick sizes.

AI-generated description

This scatter plot shows data about cars, from UCI Machine Learning Repository: Auto MPG Data Set.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Temperatures in San Fransisco Line Chart

This chart visualizes a week of temperature data in San Francisco, using a smoothed area chart to show temperature fluctuations over time. The visualization loads data from a CSV file containing timestamps and temperature readings, then renders them as an SVG using D3 v5’s `area` and `curveBasis` functions to create a flowing, filled line. Axes are generated with `axisBottom` and `axisLeft`, with gridlines and custom tick styling applied via CSS. The data is mapped using `scaleTime` for the x-axis and `scaleLinear` for the y-axis, with the area filled in maroon.

JJuyeonee
96% match
Loading thumbnail…

Fork of Temperature in San Francisco Line Chart

This area chart visualizes a week of temperature readings in San Francisco, with time on the x-axis and temperature on the y-axis. The chart uses a maroon-filled area beneath a smooth curve to emphasize the temperature trend over the week. The code relies on D3 v5’s `scaleTime`, `scaleLinear`, `area`, `curveBasis`, `axisBottom`, and `axisLeft` APIs to construct the SVG rendering. Data is loaded as a CSV from a GitHub gist, with timestamps parsed as dates and temperatures as numbers. Axis grid lines and labels are customized through D3’s tick and padding settings.

SSUSHMA CHIRRA
95% match
Loading thumbnail…

Fork of Temperature in San Francisco Line Chart

This line chart displays one week of temperature data in San Francisco, plotting temperature in Celsius over time. The chart uses a smooth basis curve to connect data points, with a title, axis labels, and a maroon line against a light grid. Built with D3 v7, it uses `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to render the SVG. The data is loaded from a CSV file containing timestamps and temperatures, with circles styled in the CSS but not rendered in the JavaScript.

JJaga-droid
94% 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
94% 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. The SVG rendering uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to draw a smooth maroon path. Grid lines are generated via tick sizes, and axis labels and a title are added as SVG text. The code loads CSV data asynchronously and converts timestamps to `Date` objects before rendering.

Bbillmccabeusa@hotmail.com
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 a week of temperature data in San Francisco, using a smooth curved line to connect daily measurements. The visualization, titled “A Week in San Francisco,” plots temperature in degrees Celsius over time. The code uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to render the SVG. Data is loaded from a CSV file provided by Data Canvas - Sense Your City, with a styled maroon line, grid lines, and labeled axes.

CCheng Tang
93% 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
93% match