Covid 19 Distribution

100%

Covid 19 Distribution

✓ Published1🌍 Public

Last edited Apr 25, 2024

Created on Apr 25, 2024

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.

AI-generated description

MIT Licensed

Similar vizzes

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

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

85% match

Loading thumbnail…

Covid-19 global cases

This choropleth map visualizes global COVID-19 cases by country, using a color scale based on economic grouping. The map renders with D3’s `geoNaturalEarth1` projection and `geoPath`, allowing zoom interactions via `d3.zoom`. A clickable ordinal color legend filters highlighted countries, with dimming for non-selected regions. Data is loaded from a CSV and TopoJSON using `d3.csv` and `d3.json`. The visualization uses SVG elements and applies hover effects through CSS.

Ggcappadaniel

84% match

Loading thumbnail…

coronavirus countries Map

This choropleth map visualizes COVID-19 statistics by country, allowing users to switch between confirmed cases, deaths, and recoveries via a dropdown menu. Country boundaries are rendered with `d3.geoPath` using Natural Earth projection, while circle symbols sized by `d3.scaleSqrt` represent the selected metric at each country’s centroid. Data is loaded from a CSV file and merged with TopoJSON world geometry, with color and size legends providing context. Interactive zooming is enabled through `d3.zoom`.

Pprincit

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

83% match

Loading thumbnail…

Global Pandemic Overview

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.

Wwkj0713@gmail.com

83% match

Loading thumbnail…

CVOID-19 Data

This interactive choropleth map displays cumulative and current COVID-19 case counts by country, with a toggle between the two metrics and a color-coded legend showing case severity bins. Built with D3.js, it uses `d3.geoNaturalEarth1` projection, `d3.geoPath` for rendering country boundaries, and `topojson.feature` for geographic data processing. The map pulls CSV data from a GitHub gist and GeoJSON from andybarefoot’s map data, coloring countries via `d3.scaleOrdinal` with a red sequential scheme. Users click buttons to switch between cumulative and existing (cases minus deaths) patient counts.

Zzhangfa

83% match

Loading thumbnail…

Choropleth Map

This choropleth map visualizes global COVID-19 cumulative case counts by country, with each nation shaded according to its reported total. The map uses a natural Earth projection and is rendered as SVG, with a zoom interaction allowing users to inspect regions in detail. Data comes from a CSV file joined with world country boundaries from the World Atlas TopoJSON, while colors are assigned via d3.scaleOrdinal with a spectral scheme. Hovering reveals the country name and case count through an SVG title element.

Ggcappadaniel

83% match