Covid-19 Time Series(I Forked)

100%

Covid-19 Time Series(I Forked)

✓ Published1🌍 Public

Last edited Apr 12, 2020

Created on Apr 12, 2020

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

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.

AI-generated description

Covid-19 cases in each country from 1/22/20 until today. 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

93% match

Loading thumbnail…

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

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.

SSaipramod Yerra

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

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

Covid-19

This visualization shows the global spread of COVID-19 by plotting circular markers on a world map, with each circle sized proportionally to the total reported cases for a country on March 25, 2020. The map uses a geoMercator projection with d3.geoPath to render country boundaries from TopoJSON. COVID-19 data from a CSV file is loaded with d3.csv, and circle radii are scaled using d3.scaleSqrt. An interactive range slider is present, though its current implementation only displays static text.

IIcecreamneverfall

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

86% match

Loading thumbnail…

Covid-19

A world map shows the geographic spread and cumulative confirmed COVID-19 cases as of March 25, 2020. Orange circles, sized with a square-root scale, are positioned by country coordinates using a Mercator projection and the `geoPath` and `geoMercator` functions from D3 v5. The data is loaded from a CSV file and rendered as SVG, with the world map built from TopoJSON data and the slider element in the HTML interface.

Pprincit

85% match

Loading thumbnail…

Covid

This visualization plots cumulative confirmed COVID-19 cases from a Johns Hopkins time-series dataset as orange circles on a world map. Each circle’s radius encodes the case count for March 25, 2020, using a square-root scale. The map is drawn with `d3.geoMercator` projections and TopoJSON country features, while the data is loaded via `d3.csv` and rendered as SVG circles via `d3.scaleSqrt`.

RRenan Barbosa

85% match