Skip to main content
SimilarExport ZIP
100%

Fork of Covid-19 Time Series: Total Number of Cases Worldwide Since 01/02/22

✓ Published0🌍 Public
SSaipramod Yerra
Last edited Apr 26, 2024
Created on Apr 26, 2024

A map of cumulative COVID-19 cases worldwide uses a date slider to animate over time. Orange circles, scaled with `d3.scaleSqrt`, are projected onto a mercator globe using `d3.geoProjection` and `d3.geoPath`, with hover tooltips showing country, province, and case counts. The slider controls which date’s data is displayed, and transitions animate circle radius changes. Data is loaded from Johns Hopkins via CSV, with the world map built from TopoJSON features.

AI-generated description

Covid-19 cases in each country from 1/22/20 until today. Each circle has a tooltip showing the region and total cumalative cases.
Due to delays in reporting, cases may not render for today's date.
Data source from Johns Hopkins https://data.humdata.org/dataset/novel-coronavirus-2019-ncov-cases

MIT Licensed

Similar vizzes

Loading thumbnail…

Covid-19 Time Series(I Forked)

This example shows the global spread of confirmed COVID-19 cases across countries from January 22, 2020, to the present day. A date slider lets viewers scrub through time, updating the size of orange circles on a world map to reflect the reported case count per location, with hover tooltips showing country-level details. The visualization uses D3.js for map rendering with `d3.geoPath` and `geoMercator`, `d3.scaleSqrt` for circle sizing, and `d3-zoom` for interaction. Data comes from Johns Hopkins University, loaded via CSV, with countries drawn from TopoJSON and animated transitions between dates.

AAdrianTNare
90% match
Loading thumbnail…

Covid-19 Time Series: Total Number of Cases Worldwide Since 01/02/22

This visualization displays the cumulative number of COVID-19 cases worldwide on a Mercator projection map, with each country represented by an orange circle whose radius scales with case count. A date slider lets users scrub through time from January 22, 2020, with circles updating via d3 transitions. Built with D3 v5, it uses d3.geoPath, d3.geoMercator, d3.scaleSqrt, and d3-zoom for interactivity. Hovering reveals tooltips with region and case totals. Data comes from Johns Hopkins via the Humanitarian Data Exchange, rendered as SVG with smooth animations.

CChris Mora
90% match
Loading thumbnail…

Covid-19 Time Series(I Forked)

This interactive map visualizes the global spread of confirmed COVID-19 cases over time, using a world map with proportional orange circles sized by case count for each location. Users scrub through dates via a slider to animate changes in outbreak severity. The visualization loads geographic boundaries from the `world-atlas` TopoJSON feed and pulls time-series data from the Johns Hopkins COVID-19 dataset via `d3.csv`. It employs `d3.geoMercator` for projection and `d3.geoPath` for rendering, with circle radii scaled using `d3.scaleSqrt` and transitions animated through `d3.transition` on the slider input.

ZZY Huang
90% match
Loading thumbnail…

Fork of Covid-19

A world map uses semitransparent orange circles to show cumulative COVID-19 case counts by country on March 25, 2020. The visualization renders country boundaries as SVG paths via `d3.geoPath` with a `geoMercator` projection, and scales circle radii with `d3.scaleSqrt`. Data comes from a CSV of Johns Hopkins case counts, loaded with `d3.csv`. A range slider is present, but it does not currently change the displayed date.

Ddas888530
87% match
Loading thumbnail…

Fork of Fork of Covid-19

This visualization displays a global map of cumulative COVID-19 cases on March 25, 2020, with orange circles sized by the square-root of case counts. Static by default, it includes a date slider that currently does not update the visualization. It loads world country boundaries via TopoJSON and renders them with `d3.geoPath` using a Mercator projection, while plotting case data from a CSV file. The implementation uses `d3.csv`, `d3.scaleSqrt`, `d3.scaleOrdinal`, and `d3.timeParse` to process and encode the data.

Ddas888530
87% match
Loading thumbnail…

Fork of Covid-19

This map visualizes confirmed COVID-19 cases per country as of September 25, 2020, using a sequential color scale applied to a natural Earth projection. It loads country boundaries from the `world-atlas` TopoJSON and case data from a TSV file, then renders each country as an SVG path with a fill color derived from the case count. Hovering highlights a country in red and reveals a tooltip with total cases, deaths, and cases from the last 14 days. The implementation uses d3's `geoPath`, `scaleOrdinal`, and `schemeSpectral`, with custom zoom and interactive color legend controls.

SSaipramod Yerra
86% match
Loading thumbnail…

Covid-19

This visualization displays the global spread of Covid-19 cases from January 22 to March 30, 2020, using a world map. It plots reported cases as orange circles, with each circle’s radius scaled by the square-root of the case count for a selected date. The map is rendered as an SVG using D3 v5’s `geoPath` and `geoMercator` projections, while case data is loaded from a local CSV file. A slider input allows interactive date selection, though the displayed date label is currently static. Data is sourced from Humanitarian Data Exchange.

Cczy68
85% match
Loading thumbnail…

Fork of Covid19 world map

This map visualizes cumulative COVID-19 cases per country as of June 6, 2021, using circle size to encode case counts over a natural Earth projection. Missing data appears in red, while countries with data are gray. The visualization loads spatial boundaries from TopoJSON and joins them with case counts from a CSV using `d3.csv` and `d3.json`. It employs `d3.geoPath` for map rendering, `d3.geoNaturalEarth1` for projection, and `d3.scaleSqrt` for proportional symbol sizing, with zoom via `d3.zoom` and interactive tooltips.

Aaruna-rajeswari
85% match