Skip to main content
SimilarExport ZIP
100%

Covid Cases gragh

✓ Published0🌍 Public
Wwkj0713@gmail.com
Last edited Feb 23, 2024
Created on Feb 23, 2024

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.

AI-generated description
MIT Licensed

Similar vizzes

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

coviddata

This choropleth maps cumulative COVID-19 cases by country, shading each nation with a red intensity proportional to its total case count. The visualization loads global case data from a cleaned CSV and aggregates it with `d3.rollup` and `d3.sum`, then renders geographic boundaries using `d3.geoMercator`, `d3.geoPath`, and a TopoJSON world topology. Hovering over a country reveals a tooltip displaying its name and total cases, while the SVG map updates fill colors via `d3.interpolateReds`.

Sshaiksajidali
85% 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
84% match
Loading thumbnail…

Choropleth map

This choropleth map visualizes total COVID-19 cases by country, using a spectral color scale to encode case counts on a natural Earth projection. The map supports pan and zoom via d3.zoom, with tooltips showing country names and case values. It renders with d3.geoPath and TopoJSON world data, while a custom color legend built with D3 scales displays the ordinal color mapping. The data is loaded from a TSV file joined to country geometries.

VVaggelisKlt
84% match
Loading thumbnail…

Choropleth Map

This choropleth map visualizes the global distribution of COVID-19 cases using a red and green color scheme, with each country’s fill color indicating the presence of cases on a specific date. The map is rendered with SVG using D3’s `geoNaturalEarth1` projection and `geoPath` for geographic outlines, while `zoom` enables interactive panning. Data is loaded from a CSV file and merged with TopoJSON world geometry via `loadAndProcessData`, and a custom `colorLegend` component displays the categorical scale.

NNodirbek Parpibaev
84% match
Loading thumbnail…

Covid-19 confirmed cases (Date 25/09/20)

This visualization displays a choropleth map of COVID-19 confirmed cases as of September 25, 2020, using an ordinal color scale to represent case counts per country. The map shows geographic distribution of cases, with a hover tooltip revealing country name, total cases, deaths, and cases in the last 14 days. Built with React and D3 v5, it uses `geoNaturalEarth1` and `geoPath` for the map projection, `topojson` for world geometry, and `d3.tsv` to load COVID-19 case data. The visualization includes a color legend and zoom functionality via `d3.zoom`.

VVaggelisKlt
84% match
Loading thumbnail…

Total covid cases on 31st May

A world map shows total COVID-19 cases on May 31, 2020, for ten selected countries. Red circles sized with a square-root scale (`d3.scaleSqrt`) represent case counts, while `d3.geoNaturalEarth1` and `d3.geoPath` render the sphere, graticules, landmasses, and country borders. Data from a CSV file is filtered by month and date, then merged with coordinates. The visualization is built with React, D3 v5, and TopoJSON, rendering marks as SVG circles with hover titles showing country names and totals.

Mmanasishrotri
84% match