100%

Daily new cases of Covid in Italy (Episode 8)

✓ Published4🌍 Public

Last edited May 24, 2021

Created on May 5, 2021

Forked from D3 Scatter Plot (Vanilla JS)

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`.

AI-generated description

Covid pandemic in Italy

This scatterplot shows the time series of daily new cases of Covid in Italy.

x-axis exploits scaleTime
the radius of points is proportional (i.e., scaleLinear) to the amount of patients in intensive care on a daily basis
use the button in the top-left corner to toggle the path
Data source (continuously updated)

MIT Licensed

Similar vizzes

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

95% match

Loading thumbnail…

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

This scatterplot visualizes daily new Covid cases in Italy, with point radii encoding the number of patients in intensive care. The x-axis uses `scaleTime` for dates, while a `scaleSqrt` maps intensive care counts to radius sizes. A toggle button hides or shows a connecting line path generated with `line()`. Data is fetched via `d3.csv` from the Italian government’s COVID-19 repository, and the SVG is rendered to fill the browser window.

CCurran Kelleher

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

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

92% match

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

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

90% match