Skip to main content
SimilarExport ZIP
100%

coronavirus countries Map

✓ Published1🌍 Public
Pprincit
Last edited Jun 2, 2020
Created on May 25, 2020
Forked from Choropleth 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`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

coronavirus countries Map

A world map visualization shows the geographic distribution of COVID-19 cases, allowing users to toggle between confirmed cases, deaths, and recoveries via a dropdown menu. Country boundaries are rendered with d3.geoPath, while proportional circles sized with d3.scaleSqrt mark outbreak severity at each nation’s centroid. Data from a CSV file is joined to TopoJSON country geometries using a country code key. The map supports zooming and panning via d3.zoom, and includes custom color and size legend components built with D3’s selection and scale APIs.

AAlex Ley
93% match
Loading thumbnail…

Corona Confirmed Cases Map

This choropleth map visualizes confirmed COVID-19 cases per country over time, with each nation’s cumulative case count encoded by color on a natural Earth projection. Clicking a legend entry highlights matching countries and dims others, while a zoom interaction allows panning and scaling the SVG map. The visualization uses d3.geoPath and d3.geoNaturalEarth1 for geographic rendering, d3.scaleOrdinal with schemeSpectral for the color scale, and d3.zoom for interactivity. Data comes from a CSV file containing daily case counts from January through June 2020, joined with world topology from TopoJSON via d3.csv and topojson.feature.

NNodirbek Parpibaev
88% match
Loading thumbnail…

Corona Confirmed Cases Map

This choropleth map visualizes confirmed COVID-19 cases per country over time, with each nation’s cumulative case count encoded by color on a natural Earth projection. Clicking a legend entry highlights matching countries and dims others, while a zoom interaction allows panning and scaling the SVG map. The visualization uses d3.geoPath and d3.geoNaturalEarth1 for geographic rendering, d3.scaleOrdinal with schemeSpectral for the color scale, and d3.zoom for interactivity. Data comes from a CSV file containing daily case counts from January through June 2020, joined with world topology from TopoJSON via d3.csv and topojson.feature.

NNodirbek Parpibaev
88% match
Loading thumbnail…

Corona Confirmed Cases Map

A choropleth map displays confirmed COVID-19 cases per country, colored by an ordinal scale using D3's `scaleOrdinal` and `schemeSpectral`. The map uses `geoNaturalEarth1` projection with `geoPath` to render SVG country shapes from TopoJSON, with data loaded from a CSV file. Users can zoom and pan via D3's `zoom` behavior, and clicking a legend item highlights matching countries while dimming others.

NNodirbek Parpibaev
88% match
Loading thumbnail…

Choropleth Map

This choropleth map visualizes COVID-19 confirmed cases across countries, with color encoding based on economic classification. Users can click entries in the color legend to highlight matching countries on the map, while unselected countries fade in opacity. The map uses d3.geoNaturalEarth1 projection with d3.geoPath for rendering country boundaries, and d3.zoom for pan and zoom interactions. Both the map and legend are built as reusable functions, with data loaded from CSV files containing country metadata and daily case counts.

Iinroadings
88% 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
87% 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
87% 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
86% match