Skip to main content
SimilarExport ZIP
100%

Covid-19 cases global data

✓ Published0🌍 Public
Ggcappadaniel
Last edited Oct 23, 2020
Created on Oct 23, 2020

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.

AI-generated description
MIT Licensed

Similar vizzes

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
90% 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
89% match
Loading thumbnail…

Covid Cases gragh

This visualization shows worldwide COVID-19 total cases on a choropleth map, coloring each country red, orange, or green based on case thresholds. It uses d3.geoNaturalEarth1 and d3.geoPath to render the world.geojson features, while COVID data from a CSV is joined to country names. Hovering over a country reveals a tooltip with the exact total cases. The SVG remains responsive through CSS, and the map uses d3’s join pattern for efficient rendering.

Wwkj0713@gmail.com
86% match
Loading thumbnail…

Covid-19

The visualization maps COVID-19 case counts per country on a world map using SVG circles, with circle radius scaled proportionally to the number of cases on March 25, 2020. It displays data from the Humanitarian Data Exchange, sourced from a CSV file containing daily case numbers since January 22, 2020. The map uses D3 v5’s `geoMercator` projection, `geoPath` to draw country boundaries, and `scaleSqrt` for radius scaling. A range slider is present, though the displayed date label shows placeholder text.

CChris Mora
86% 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
86% 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
86% 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
86% match
Loading thumbnail…

Covid-19 Outbreak Status

This interactive map visualizes the global progression of COVID-19 across countries, using color-coded stages for confirmed cases, recoveries, deaths, and unaffected regions. The visualization presents geo-spatial data with a date selector to explore temporal changes. Built with D3.js, it uses `d3.geoPath` and `d3.geoNaturalEarth1` for map projection, alongside the `d3.dsv` parser to load country data from a CSV file, and `d3.zoom` for interactive panning and zooming. The map is rendered as SVG using TopoJSON world geometry.

SSarahKiyani
85% match