Skip to main content
SimilarExport ZIP
100%

Fork of Temperature in San Francisco Line Chart

✓ Published0🌍 Public
SSUSHMA CHIRRA
Last edited Mar 23, 2023
Created on Mar 23, 2023

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.

AI-generated description

This scatterplot shows data about cars, from [UCI Machine Learning Repository: Auto MPG Data Set] (https://archive.ics.uci.edu/ml/datasets/Auto+MPG).

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, 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
96% 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
96% 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
96% match
Loading thumbnail…

Fork of Fork of Temperature in San Francisco Area 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 curved line to emphasize the temperature trend across the week. Built with D3 v7, it employs `d3.scaleTime`, `d3.scaleLinear`, `d3.area`, and `d3.curveBasis` to generate the smooth path, while `d3.axisBottom` and `d3.axisLeft` render the labeled axes. Data is loaded as CSV from an external URL.

Ggharakhani1986
96% match
Loading thumbnail…

Fork of Temperature in San Francisco Line Chart

A 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 code uses d3.csv to load the data, then applies d3.scaleTime, d3.scaleLinear, d3.axisLeft, d3.axisBottom, and d3.line with d3.curveBasis to render a smoothed SVG path. Axis gridlines and labels are added manually, while the title and axis text use custom styling. The data originates from the Data Canvas - Sense Your City project.

SSathishAanand
96% match
Loading thumbnail…

Fork of Temperature in San Francisco Line Chart

This line chart visualizes a week of temperature data in San Francisco, plotting temperature values against time. The visualization uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisLeft`, `axisBottom`, and `line` with `curveBasis` to render a smooth SVG path. The data is sourced from Data Canvas - Sense Your City, though the code substitutes hash rate values from a local dataset instead of the temperature CSV. The chart includes labeled axes, grid lines, and a title, with styling applied via CSS classes.

DDaniel Cruz
96% match
Loading thumbnail…

Fork of Temperature in San Francisco Area Chart

This area chart visualizes one week of temperature data in San Francisco, with a smooth curve showing temperature fluctuations over time. The visualization uses a maroon filled area beneath the line to emphasize the temperature range. Built with D3 v5, the code employs `scaleTime`, `scaleLinear`, `area`, and `curveBasis` to generate the SVG path, while `axisBottom` and `axisLeft` render the labeled axes. The data originates from the Data Canvas - Sense Your City project, parsed from a CSV file containing timestamps and temperature readings.

AAmier Faudzi
95% match
Loading thumbnail…

Fork of Temperature in San Francisco Line Chart

This line chart visualizes one week of temperature data in San Francisco, with time on the x-axis and temperature in degrees Celsius on the y-axis. The SVG chart includes labeled axes with gridlines and a smooth curve connecting temperature data points. The code uses d3.csv to load the data, d3.scaleTime and d3.scaleLinear for scaling, d3.line with curveBasis for the path, and d3.axisBottom and d3.axisLeft for the axes. Data originates from the Data Canvas - Sense Your City project.

SSuzie1022susu
95% match