Circle Map - Coronavirus

100%

Circle Map - Coronavirus

✓ Published0🌍 Public

Last edited Apr 3, 2021

Created on Apr 3, 2021

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Circle Map - Coronavirus PT.2

The visualization displays the cumulative confirmed COVID-19 cases per country from January to June 2020, shown as a circle map where each circle’s size corresponds to case counts. It uses D3 v5 to load and process CSV data, parsing dates and summing confirmed cases by year and country. The rendering is SVG-based, with styled tick marks and circles drawn using D3's time formatting and CSV parsing APIs.

Ppplomith

91% 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…

Circles on a Map

Circles on a Map visualizes COVID-19 confirmed cases by country as proportional circles overlaid on a natural Earth projection. Circle area encodes case counts via a square-root scale, and hovering highlights country boundaries with a tooltip showing the country name and case total. The visualization supports pan and zoom interactions. Built with D3 v5, it uses `d3.geoPath` with TopoJSON world data, `d3.geoCentroid` for circle placement, and a zoom behavior applied to an SVG group. Population data from the UN and case data from a CSV drive the marks.

Iinroadings

86% 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…

MAP - CIRCLES

A world map visualization traces the spread of COVID-19 by drawing arcs and circles between countries. It shows the progression of the outbreak over time, with each circle representing a country's reported cases and each line indicating a transmission route from one nation to another. The visualization uses d3.geoNaturalEarth1 for the map projection, d3.geoPath for rendering country boundaries, and d3.scaleSqrt for sizing circles based on case counts. Data is loaded from two CSV files containing origin and destination coordinates, which are combined to create the curved connection paths.

Iinroadings

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

85% match

Loading thumbnail…

CircleMap - Sars-Covid-2019

A world map uses proportional red circles to display confirmed SARS-CoV-2 cases per country, with circle size scaled by case count and a legend indicating magnitude. The visualization builds on a Natural Earth projection via `d3.geoPath`, loads CSV and TopoJSON data, and projects centroids with `d3.geoCentroid` to position circles. It employs `d3.scaleSqrt` for radius encoding, `d3.format` for tick labels, and `d3.zoom` for panning and zooming, rendering with SVG.

Ppplomith

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

84% match