Skip to main content
SimilarExport ZIP
100%

Covid 19 Distribution per continent

✓ Published0🌍 Public
DDouglas mochama
Last edited Apr 26, 2024
Created on Apr 26, 2024

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Covid 19 Distribution

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.

DDouglas mochama
94% 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
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
83% 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
82% 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
82% 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
82% match
Loading thumbnail…

Test

This interactive dashboard displays global COVID-19 cases and deaths on an SVG map of the world, allowing users to switch between years and metrics such as total cases, hospitalizations, and vaccinations. The map renders geographic boundaries from the supplied world.geojson file using d3.geoPath, while dropdown menus update the displayed data. The visualization also integrates an embedded Tableau dashboard via JavaScript, overlaying external analytics alongside the D3 map. Color-coded regions with a gradient legend communicate severity, and hover tooltips provide additional detail. The code relies on d3.v7 for geographic projections and data binding, with CSS styling for layout and interactivity.

UUthkarsh Reddy Junuthula
82% 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
82% match