Daily new cases of Covid in Italy (Episode 8)

100%

Daily new cases of Covid in Italy (Episode 8)

✓ Published1🌍 Public

Last edited Jun 8, 2022

Created on Jun 4, 2022

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.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

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

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

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

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

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

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

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

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

86% match