100%

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

✓ Published0🌍 Public

Last edited Feb 20, 2023

Created on Feb 20, 2023

Forked from 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.

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

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

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

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

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

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

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

90% match

Loading thumbnail…

Daily new cases of Covid in Italy - Scatter Plot

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.

Ttebanieo

90% match