COVID-19

100%

✓ Published0🌍 Public

Last edited Apr 23, 2020

Created on Apr 23, 2020

A D3 v5 map displays confirmed COVID-19 cases as of April 11, 2020, using a 2D ArcGIS map view with a dropdown menu to select the basemap. The visualization renders geographic data from the Kaggle novel coronavirus dataset, showing case counts through location-based markers. The dropdown menu, built with D3’s data join pattern, triggers basemap changes via the ArcGIS API, while the map itself is loaded and managed through the ArcGIS `MapView` component. Styling is handled with CSS, and the page initializes the map by calling `load2dMap()`.

AI-generated description

The data set can be found on Kaggle. The data has daily information on the number of cases, deaths, and recovery in 2020.

[ https://www.kaggle.com/sudalairajkumar/novel-corona-virus-2019-dataset ]

The shown data covers the confirmed cases only on [11/04/2020].

MIT Licensed

Similar vizzes

Loading thumbnail…

COVID-19: Confirmed Cases

This example shows confirmed COVID-19 cases on April 11, 2020, as a choropleth map of countries. The visualization uses Esri’s ArcGIS API for JavaScript to render a 2D MapView with a FeatureLayer, displaying the case counts with a streets-vector basemap. The map is centered globally at zoom level 1, and the feature layer is semi-transparent. The data originates from a Kaggle dataset, and the code includes an unused dropdown menu built with d3.v5, though the menu is not wired to any interaction.

SShabani Muswamba

84% match

Loading thumbnail…

Let's make a map with D3.js!

This interactive map visualizes COVID-19 case data by country, with a control panel that categorizes confirmed cases, recoveries, and deaths into distinct stages. The visualization uses D3.js v5 and TopoJSON to render a world map from Natural Earth data, employing `d3.geoPath` with a natural Earth projection and SVG paths. Users can zoom and pan the map via `d3.zoom`. A drop-down menu allows switching between different dates, and the data appears to come from a CSV dataset tracking the pandemic’s progression through early 2020.

SSarahKiyani

79% match

Loading thumbnail…

COVID-19 | April,2020

This interactive map visualizes the global spread of COVID-19 as of April 2020, using two ArcGIS FeatureLayers to display confirmed cases and deaths by country. The map uses an ArcGIS API for JavaScript 4.15 MapView with a gray basemap, and each country’s popup shows confirmed cases, deaths, recovered counts, and observation date. Data originates from the Kaggle COVID-19 dataset, loaded via remote feature services, with zoom constrained between levels 2 and 4.

Cczy68

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

78% match

Loading thumbnail…

COVID-19 | August,2020

This visualization shows the global spread of COVID-19 as of August 2020, displaying confirmed cases, deaths, and recoveries by country on an interactive map. It uses the ArcGIS API 4.15 with two FeatureLayers—one for confirmed cases and one for deaths—rendered over a gray basemap. Popups provide detailed field information, while widgets for legends, bookmarks, and basemap selection are embedded in expandable panels. The data comes from a Kaggle dataset covering daily 2020 records through April 26.

Rrealperoxid

78% match

Loading thumbnail…

COVID-19 | April,2020

This map visualizes the global spread of COVID-19 as of April 26, 2020, displaying confirmed cases, deaths, and recoveries per country. It uses the ArcGIS API for JavaScript 4.15 with FeatureLayers over a gray basemap, centered on the Mediterranean at zoom level 2. The layer popup template shows country-specific statistics with digit formatting. Data comes from a Kaggle dataset, rendered via ArcGIS online services for confirmed cases and deaths.

Aatayyaba

77% match

Loading thumbnail…

COVID-19 | April,2020

The map displays global COVID-19 confirmed cases, deaths, and recoveries as of April 2020, with popups showing country-level statistics. It uses ArcGIS API 4.15 with a FeatureLayer for confirmed cases and a second layer for deaths, styled with a gray basemap. Data comes from a Kaggle dataset with daily 2020 records, accessed via ArcGIS hosted services. The map is constrained to zoom levels 2–4, keeping the global view centered on [34.8, 39.0].

Aatayyaba

77% match

Loading thumbnail…

COVID-19 | April,2020

This map shows the global spread of COVID-19 as of April 2020, displaying confirmed cases, deaths, and recoveries by country. The visualization uses the ArcGIS JavaScript API 4.15 with FeatureLayers to render the geographic data, overlaying separate layers for deaths and confirmed cases. A popup template reveals country-specific counts when a feature is clicked, while the interface includes expandable widgets for legend, bookmarks, and basemap selection. The underlying dataset originates from Kaggle, covering daily records up to April 26, 2020.

Aala-wahibi

77% match