Skip to main content
SimilarExport ZIP
100%

Total covid cases on 31st May

✓ Published0🌍 Public
Mmanasishrotri
Last edited Nov 2, 2020
Created on Nov 1, 2020

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.

AI-generated description

A program to read data with react n D3. data: COVID Cases May2020.

MIT Licensed

Similar vizzes

Loading thumbnail…

Circles on a map

This visualization displays total COVID-19 cases per country as of 16/05/2020, with semi-transparent red circles sized by case count using a square-root scale, overlaid on a natural Earth projection map. Countries lacking data appear in light red, while those with data are light gray. The map supports zooming via d3.zoom, and hovering reveals country names and exact case numbers. It uses topojson for world geography, d3.geoPath for rendering, and d3.scaleSqrt for circle sizing, with unemployment data sourced from a CSV. A custom size legend and color legend provide context.

JJorge Emilio Zapata Godoy
85% match
Loading thumbnail…

Circles on a map

This map visualization displays the total confirmed COVID-19 cases per country as of May 16, 2020, using red circles sized proportionally to case counts overlaid on a world map. The geographic boundaries are drawn using `d3.geoPath` with a `geoNaturalEarth1` projection, while circle radii are scaled with `d3.scaleSqrt`. Data comes from a CSV file of country-level COVID-19 statistics, joined to the world-atlas TopoJSON, and is processed via custom `loadAndProcessData` functions. A size legend and color legend are rendered using SVG.

Yyakupermurat
85% match
Loading thumbnail…

Circles on a map

This visualization displays the global distribution of total COVID-19 cases as of August 30, 2020, using proportional red circles overlaid on a natural Earth projection map. The map is rendered with SVG, using d3.geoPath for country outlines and d3.geoCentroid to position each circular marker. Circle radii are scaled with d3.scaleSqrt, while a color legend uses d3.scaleOrdinal with a spectral scheme to categorize data. Interactive zooming is enabled through the d3.zoom module, and data is loaded from a CSV file and TopoJSON world atlas using d3.csv and topojson.feature.

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

Fork of Circles on a map

This visualization displays total COVID-19 cases by country as of August 30, 2020, using red circles sized with d3.scaleSqrt and positioned via d3.geoCentroid and d3.geoNaturalEarth1 projection. The map employs d3.geoPath for country outlines and includes interactive zoom via d3.zoom. A color legend and size legend are rendered as SVG components using React, with data loaded from a CSV time series and TopoJSON world atlas. Hovering reveals country names and case counts through SVG title elements.

JJean David
84% match
Loading thumbnail…

Fork of Circles on a map

This example displays the total COVID-19 cases per country as of August 30, 2020, using circles sized by a d3.scaleSqrt on a world map. The map is rendered with d3.geoPath and a geoNaturalEarth1 projection, while country boundaries come from TopoJSON world-atlas data. Hovering highlights countries, and a size legend with a color legend—built via custom legend components—explains the scaling. The visualization supports zooming and panning through d3.zoom, with SVG circles positioned using d3.geoCentroid and the projection.

TTacue
84% match
Loading thumbnail…

Circles on a map

This example visualizes confirmed COVID-19 cases as of August 30, 2020, using scaled circles positioned at country centroids on a natural Earth projection. It renders an SVG world map with d3.geoPath, applies a d3.scaleSqrt for circle radii, and includes interactive pan/zoom via d3.zoom. A color legend uses d3.scaleOrdinal with schemeSpectral, while a separate size legend displays tick marks. Data comes from a CSV time series and TopoJSON world atlas, processed with topojson.feature, with hover tooltips showing country names and case counts.

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