Daily new cases of Covid in Italy - Scatter Plot

100%

Daily new cases of Covid in Italy - Scatter Plot

✓ Published0🌍 Public

Last edited Feb 17, 2023

Created on Feb 15, 2023

This scatter plot displays daily new Covid cases in Italy, with time on the x-axis and provisioned write capacity units on the y-axis. It uses D3 v6 to load JSON data, parse timestamps with `d3.timeParse`, and render circles via SVG. The visualization includes an animated line path, toggleable with a button, and a brushX selection that updates the chart. The code leverages `d3.scaleTime`, `d3.scaleLinear`, and `d3.extent` for scaling and axis generation, with data sliced to the first 100 points.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes

Loading thumbnail…

Daily new cases of Covid in Italy - Scatter Plot

This scatter plot visualizes daily new Covid cases in Italy over time, with point size representing the number of patients in intensive care. The x-axis uses `d3.scaleTime`, the y-axis uses `d3.scaleLinear`, and point radii are scaled with `d3.scaleSqrt`. A button toggles the visibility of a connecting line drawn with `d3.line()`. Data is loaded from the Italian government’s COVID-19 CSV repository via `d3.csv`, and the SVG rendering fills the browser window.

TToly

92% match

Loading thumbnail…

Fork of Daily new cases of Covid in Italy - Scatter Plot

This scatter plot visualizes the daily new COVID-19 cases in Italy over time, with the radius of each point proportional to the number of patients in intensive care. A toggle button in the top-left corner switches the display of an overlaid path connecting the points. The visualization uses d3.csv for data loading, d3.scaleTime for the x-axis, d3.scaleLinear and d3.scaleSqrt for the y-axis and radius, respectively, and renders points as SVG circles. Data comes from the Italian government’s continuously updated COVID-19 repository.

HHüseyin Yalçın

91% match

Loading thumbnail…

Fork of Daily new cases of Covid in Italy - Scatter Plot

This scatter plot visualizes the daily new COVID-19 cases in Italy over time, with each point’s radius scaled by the number of intensive care patients. A toggle button in the top-left corner switches the connecting path on and off. The visualization uses D3 v6 APIs including `scaleTime` for the x-axis, `scaleLinear` for the y-axis, and `scaleSqrt` for point radius. It fetches data from a GitHub-hosted CSV file and renders as an SVG, employing the `csv` parsing function and margins for layout.

FFarhaan Qazi

90% match

Loading thumbnail…

Fork of Daily new cases of Covid in Italy - Scatter Plot

This scatter plot visualizes the daily new Covid-19 cases in Italy over time, with point radius encoding the number of patients in intensive care. The x-axis uses `d3.scaleTime`, while the y-axis and point size use `d3.scaleLinear` and `d3.scaleSqrt`, respectively. A button toggles an overlaid path generated by `d3.line`. Data is fetched as CSV from the Italian government’s public repository and rendered as SVG circles.

AAbhinay-Mannepalli

90% match

Loading thumbnail…

Fork of Daily new cases of Covid in Italy - Scatter Plot

A scatter plot displays daily new Covid cases in Italy over time, with point radius scaled to intensive care patients. The x-axis uses `scaleTime`, the y-axis uses `scaleLinear`, and radius uses `scaleSqrt`. A button toggles a connected path via a `line()` generator. Data comes from the Italian government’s COVID-19 CSV, parsed with D3’s `csv` and rendered as SVG circles.

Pprakashrai02

89% match

Loading thumbnail…

Daily new cases of Covid in Italy (Episode 8)

This visualization shows the daily new cases of Covid in Italy as a scatterplot, with each point’s radius scaled proportionally to the number of intensive care patients on that day. The time-based x-axis uses `scaleTime`, while the y-axis and radius use `scaleLinear`. A toggle button in the top-left corner shows or hides a connected path. Data is fetched via `d3.csv` from the Italian government’s continuously updated GitHub repository, and rendered as SVG with axis generators `axisLeft` and `axisBottom`.

AAndrea Mignone

89% match

Loading thumbnail…

Fork of Daily new cases of Covid in Italy (Episode 8)

This visualization shows daily new COVID-19 cases in Italy as a time-series scatterplot, with each point’s radius encoding the number of intensive care patients. A toggle button in the top-left corner hides or reveals a connecting path. Built with D3 v6, it uses `scaleTime`, `scaleLinear`, `d3.csv`, `axisLeft`, `axisBottom`, and `line` to render an SVG, pulling live data from the Italian government’s GitHub repository.

TTehran Mammadov

87% match

Loading thumbnail…

Daily new cases of Covid in Italy (Episode 8)

This example visualizes daily new COVID-19 cases in Italy alongside intensive-care admissions, using an SVG chart rendered with D3 v6. The x-axis shows time as a date scale, the y-axis plots new positive cases linearly, and the circle radius encodes intensive-care patients via a square-root scale. The code fetches a CSV from the Italian government’s GitHub repository and parses numeric fields. Interactive buttons toggle the visibility of the line and circle elements, demonstrating simple display toggling through D3’s selection API.

Ccssergio

86% match