coronavirus countries Map

100%

coronavirus countries Map

✓ Published0🌍 Public

Last edited May 27, 2020

Created on May 27, 2020

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.

AI-generated description

MIT Licensed

Similar vizzes

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

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

85% match

Loading thumbnail…

Corona Confirmed Cases Map

NNodirbek Parpibaev

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

85% match

Loading thumbnail…

Covid19 world map

This visualization presents a world map showing cumulative COVID-19 cases as of June 6, 2021, using a natural Earth projection rendered with SVG via `d3.geoPath`. Circle markers sized by a square-root scale represent case counts per country, while a corresponding size legend and a color legend for missing data are included. The map supports zooming through `d3.zoom`, and tooltips display country names and case totals using `d3.format`. Data is loaded from a CSV file merged with TopoJSON world geometry via `topojson.feature`, with graticule lines and hover effects on country paths.

Mmunpro2002

84% match

Loading thumbnail…

Covid-19

This visualization shows the global spread of COVID-19 by plotting circular markers on a world map, with each circle sized proportionally to the total reported cases for a country on March 25, 2020. The map uses a geoMercator projection with d3.geoPath to render country boundaries from TopoJSON. COVID-19 data from a CSV file is loaded with d3.csv, and circle radii are scaled using d3.scaleSqrt. An interactive range slider is present, though its current implementation only displays static text.

IIcecreamneverfall

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

84% match

Loading thumbnail…

Circle Map - Coronavirus

A circle map visualizes the global spread of the coronavirus pandemic, plotting each country as a circle sized by its confirmed case count. The visualization uses D3.js (version 5) to render SVG circles on a map, with the data loaded from a local CSV file containing daily country-level statistics for confirmed cases, recoveries, and deaths. The map appears to show the progression over time, with each circle's position likely representing a geographic location and its area scaled to the number of confirmed infections.

Ppplomith

83% match