Global Pandemic Overview

100%

Global Pandemic Overview

✓ Published1🌍 Public

Last edited Apr 17, 2024

Created on Feb 23, 2024

This visualization presents a global pandemic overview by coloring countries on a natural Earth projection map according to their total COVID-19 deaths. An interactive tooltip displays detailed case statistics for each country on hover, while a color gradient legend indicates the severity scale. Built with D3.js, it uses `d3.geoPath` and `d3.geoNaturalEarth1` for map rendering, `d3.scaleSequential` for the color encoding, and fetches geographic and pandemic data from external JSON and CSV sources.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Map Covid

This map visualization displays total COVID-19 deaths by country on a world map using a sequential blue color scale. The code employs d3.geoMercator, d3.geoPath, and topojson to render country boundaries from the world-110m.json dataset, while loading COVID-19 data from a local array. A legend with a linear gradient and d3.axisBottom communicates the quantitative range. The SVG is generated dynamically via d3.select and append methods, with missing country data represented in gray fallback color.

Ggnanendra097@gmail.com

83% match

Loading thumbnail…

Covid-19 cases global data

This visualization displays global COVID-19 case data on an interactive world map using a natural Earth projection, with each country rendered as a green SVG path that turns red on hover. The map uses d3.geoPath with d3.geoNaturalEarth1 for geographic projection, and d3.zoom enables panning and zooming. Country boundaries come from the world-atlas TopoJSON dataset, while country names are joined via the corresponding TSV file. The sphere background is styled blue, and the visualization relies on D3 v5 and topojson.feature to process the geographic data.

Ggcappadaniel

83% match

Loading thumbnail…

Covid 19 Distribution

This interactive dashboard visualizes the global distribution of COVID-19 metrics across countries on a natural Earth projection map. Users select a year and a metric—such as total cases, deaths, ICU patients, or vaccinated individuals—to update the choropleth’s color encoding. The visualization uses d3.geoNaturalEarth1 for projection, d3.geoPath for rendering country boundaries from a GeoJSON file, and a logarithmic color scale interpolated with d3.interpolateHcl. Hovering over countries displays a tooltip with detailed values.

DDouglas mochama

83% match

Loading thumbnail…

Let's make a map

This interactive map visualizes COVID-19 case and death counts by country, with bubble sizes scaled to total cases and colors indicating severity. Users can zoom and pan using d3.zoom, while hovering over bubbles reveals detailed statistics via tooltips. The visualization combines a Natural Earth projection using d3.geoNaturalEarth1 and d3.geoPath, with geographic data loaded from the world-atlas TopoJSON and COVID-19 statistics from an external dataset. Countries are rendered as SVG paths with hover highlighting, and the animated bubble layer uses d3.scale.sqrt and linear color scales for proportional encoding.

Ssureshreddypr

83% match

Loading thumbnail…

Untitled

This visualization displays the global distribution of COVID-19 deaths by country, using a Mercator-projected world map with a threshold color scale to differentiate mortality levels. A tooltip reveals the country name and total death count on hover. The map is rendered with D3 v4, using `d3.geoPath` and `d3.geoMercator` for geographic projection, while loading country geometries from a TopoJSON file and death data from a TSV file. Zooming is enabled via `d3.zoom`.

MMizanur55

82% match

Loading thumbnail…

Covid 19 Distribution per continent

This interactive dashboard maps the global distribution of COVID-19 metrics across continents from 2020 to 2022. Users select a year and a metric—such as total cases, deaths, ICU patients, or vaccinations—to colorize a natural Earth projection using a logarithmic color scale. The choropleth map is rendered as SVG via `d3.geoPath`, with data from a GeoJSON world file. Hovering reveals a tooltip, and a gradient legend indicates relative values.

DDouglas mochama

81% match

Loading thumbnail…

Fork of Covid-19

This interactive SVG map visualizes the global distribution of confirmed COVID-19 cases, total deaths, and recent 14-day case counts as of September 25, 2020. It displays countries colored by a sequential spectral scale, with hover tooltips revealing detailed statistics. The visualization uses D3.js v5, leveraging `geoPath` and `geoNaturalEarth1` for map projection, `scaleOrdinal` and `schemeSpectral` for coloring, and custom zoom and color legend components. Data is loaded from TSV and TopoJSON sources, processed using `topojson` features.

SSaipramod Yerra

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

81% match