Coronavirus Death in the World

100%

Coronavirus Death in the World

✓ Published1🌍 Public

Last edited Mar 20, 2020

Created on Mar 20, 2020

A world map displays coronavirus deaths by city, with red circles sized proportionally to reported fatalities. The visualization uses a natural Earth projection via `geoNaturalEarth1` and `geoPath` to render landmasses, graticules, and country boundaries. City data comes from a CSV file loaded with `d3.csv`, while country shapes use TopoJSON from World Atlas. Circle radii are scaled with `scaleSqrt`, and the React component structure manages rendering through SVG elements.

AI-generated description

A world map showing cities with population greater than 50,000. City data from Simplemaps: World Cities Database.

Country boundaries from World Atlas TopoJSON, polished for visual style, including graticules.

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

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

79% match

Loading thumbnail…

covid -19

This choropleth map visualizes COVID-19 deaths per million across 20 countries, with a red sequential color scale ranging from light to dark based on mortality rates. The map uses a Robinson projection via `d3.geoRobinson` and renders country boundaries as SVG paths through `d3.geoPath`, with a tooltip revealing the country name and death rate on hover. Geographic data comes from the world-atlas TopoJSON file, joined to the CSV dataset by ISO_A3 codes, and a linear gradient legend with an axis labels the color scale.

Ccharchana0527@gmail.com

79% match

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

78% match

Loading thumbnail…

Fork of Covid-19 confirmed cases

This visualization displays global COVID-19 confirmed cases and deaths on a world map, using a spectral color scale to represent case counts per country. Built with React and rendered as SVG, it employs d3.geoNaturalEarth1 and d3.geoPath to project geographic boundaries from world-atlas TopoJSON, while loading case data from a TSV file. A custom color legend with circles and text labels clarifies the scale, and hovering over a country highlights it in red and shows a tooltip with its name, case count, and death toll. The map supports zooming through d3.zoom, and the color scale uses d3.scaleOrdinal with d3.schemeSpectral.

Bbhargav83

78% match

Loading thumbnail…

Sized Points on a Map

A world map displays COVID-19 cumulative cases for cities with populations over 50,000, using sized circles where radius encodes case count via a square-root scale. The visualization uses React with D3 v5 APIs including `geoNaturalEarth1`, `geoPath`, and `geoGraticule` to render country boundaries, graticules, and city points as SVG circles. Data comes from the World Health Organization via a CSV file, with country shapes from World Atlas TopoJSON.

Ggcappadaniel

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

77% match

Loading thumbnail…

World Map with COVID-19 Data

This visualization presents a choropleth world map color-coded by total COVID-19 cases, with proportional pie charts overlaid on each country to break down cases versus deaths. Built with React and D3 v6, it uses `d3.geoMercator` for projection, `d3.geoPath` to render country boundaries from GeoJSON, and `d3.scaleQuantize` for the color gradient. Hovering a country reveals a tooltip with its name, while each pie chart is generated with `d3.arc` and `d3.pie` with radii scaled by `d3.scaleSqrt`. Data comes from the Our World in Data COVID-19 dataset.

Bbhargav83

77% match