Skip to main content
SimilarExport ZIP
100%

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

✓ Published1🌍 Public
TTehran Mammadov
Last edited Jun 17, 2022
Created on Jun 17, 2022

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.

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 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
95% 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
95% 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
94% 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
94% 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
93% 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
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
90% 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
89% match