Skip to main content
SimilarExport ZIP
100%

Temperature in San Francisco Line Chart

✓ Published0🌍 Public
Aashpradhan01123
Last edited Jul 28, 2020
Created on Jul 28, 2020
Forked from HTML Starter

This line chart visualizes the cumulative confirmed COVID-19 cases in the US from January to July 2020, with dates on the x-axis and case counts on the y-axis. The chart animates the line drawing using `d3.timer` and an easing function, with the line path calculated by `d3.line` and `curveBasis`. The visualization uses D3 v5 scales, axes, and SVG rendering, with data loaded from a CSV file. Axis lines and labels are styled via CSS.

AI-generated description

A bare minimum HTML page.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays daily COVID-19 cases in the United States from January to July 2020, with time on the x-axis and case counts on the y-axis. The visualization uses d3.csv to load the data, d3.scaleTime and d3.scaleLinear for scaling, and d3.line with a curveBasis interpolation to draw the maroon line path. Axis labels and titles are added using d3.axisBottom and d3.axisLeft, with gridlines generated via tickSize. The data originates from a public COVID-19 tracking dataset.

Aashpradhan01123
96% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays the cumulative number of COVID-19 cases in the United States over several months, from January to July 2020, using data from the Data Canvas - Sense Your City project. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and a line generator with `curveBasis` to render the smooth maroon path on an SVG canvas. The chart includes labeled axes for time and temperature, though the data actually tracks case counts, with a title noting “A Week in San Francisco.” The code loads the CSV data with `csv()` and applies the D3 margin convention for layout.

Aashpradhan01123
95% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays the number of confirmed COVID-19 cases per week in San Francisco, with a title and labeled axes for date and case count. The visualization uses D3 v5 to render an SVG, employing `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` for the chart structure. A `line` generator with `curveBasis` connects the data points, while circles added via `selectAll('circle').data()` trigger a custom tooltip on mouseover. The data is loaded from `casesbydate.json` using the `json` method, and the chart includes grid lines and axis labels for readability.

VVineel Gannu
93% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays the daily cumulative death count from January to July 2020, using data from a CSV file. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and a `line` generator with `curveBasis` to render a smooth SVG path. The axes include grid lines and labeled titles, while the line itself is styled in maroon. The data is parsed by converting dates to `Date` objects and deaths to numbers before plotting.

Aashpradhan01123
88% match
Loading thumbnail…

Temperature in San Francisco Line Chart MILES

This line chart displays COVID-19 confirmed cases across China’s provinces, using province names as the x-axis and confirmed case counts as the y-axis. It is built with D3 v5, leveraging `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and a `line` generator with `curveBasis` for smooth interpolation. The SVG renders gridlines, axis labels, and a maroon path with circles not included. Data comes from a local CSV file, and the visualization is produced via `d3.csv` loading and rendering into an SVG container.

FFadziMandondo
88% match
Loading thumbnail…

Temperature in San Francisco Line Chart MILES

This line chart displays COVID-19 confirmed cases across China’s provinces, using province names as the x-axis and confirmed case counts as the y-axis. It is built with D3 v5, leveraging `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and a `line` generator with `curveBasis` for smooth interpolation. The SVG renders gridlines, axis labels, and a maroon path with circles not included. Data comes from a local CSV file, and the visualization is produced via `d3.csv` loading and rendering into an SVG container.

FFadziMandondo
88% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays one week of temperature in degrees Celsius for San Francisco, sourced from Data Canvas - Sense Your City. It uses D3 v5 with SVG rendering to plot a smooth curve via `d3.line` with `curveBasis`, scaled through `scaleTime` and `scaleLinear`. The visualization includes axes with gridlines and labels for time and temperature. The code also fetches daily COVID-19 testing data from the COVID Tracking API, though the rendered chart focuses on the temperature series.

Mmrbiglari
87% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart visualizes a week of temperature readings in San Francisco, plotting temperature against time and filling the area under the curve with a maroon path. The visualization uses D3 v5, employing `scaleTime` and `scaleLinear` for axes, `area` with `curveBasis` for the filled path, and `axisBottom`/`axisLeft` for tick marks. Data is loaded via `csv` from a GitHub-hosted file, with timestamps parsed as dates and temperatures converted to numbers. The SVG rendering includes styled axis labels and a title.

Ssoniyaa-dv
85% match