Fork of Fork of Covid-19

100%

Fork of Fork of Covid-19

✓ Published0🌍 Public

Last edited Jun 22, 2021

Created on Jun 22, 2021

This visualization displays a global map of cumulative COVID-19 cases on March 25, 2020, with orange circles sized by the square-root of case counts. Static by default, it includes a date slider that currently does not update the visualization. It loads world country boundaries via TopoJSON and renders them with `d3.geoPath` using a Mercator projection, while plotting case data from a CSV file. The implementation uses `d3.csv`, `d3.scaleSqrt`, `d3.scaleOrdinal`, and `d3.timeParse` to process and encode the data.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Covid-19

A world map uses semitransparent orange circles to show cumulative COVID-19 case counts by country on March 25, 2020. The visualization renders country boundaries as SVG paths via `d3.geoPath` with a `geoMercator` projection, and scales circle radii with `d3.scaleSqrt`. Data comes from a CSV of Johns Hopkins case counts, loaded with `d3.csv`. A range slider is present, but it does not currently change the displayed date.

Ddas888530

93% match

Loading thumbnail…

Fork of Covid19 world map

This map visualizes cumulative COVID-19 cases per country as of June 6, 2021, using circle size to encode case counts over a natural Earth projection. Missing data appears in red, while countries with data are gray. The visualization loads spatial boundaries from TopoJSON and joins them with case counts from a CSV using `d3.csv` and `d3.json`. It employs `d3.geoPath` for map rendering, `d3.geoNaturalEarth1` for projection, and `d3.scaleSqrt` for proportional symbol sizing, with zoom via `d3.zoom` and interactive tooltips.

Aaruna-rajeswari

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

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

Fork of Fork of Sized Points on a Map

This visualization displays global cumulative COVID-19 cases as semi-transparent red circles sized by total cases on a natural Earth projection. Country boundaries, graticules, and land masses are rendered using d3.geoNaturalEarth1, d3.geoPath, and TopoJSON data from World Atlas. City-level COVID data is loaded from Our World in Data and merged with country properties. React manages component state while d3.scaleSqrt maps case counts to circle radii, with d3.csv fetching tabular data and d3.json retrieving the TopoJSON topology.

Aamanoakane

86% match

Loading thumbnail…

Covid-19 Time Series(I Forked)

This interactive map visualizes the global spread of confirmed COVID-19 cases over time, using a world map with proportional orange circles sized by case count for each location. Users scrub through dates via a slider to animate changes in outbreak severity. The visualization loads geographic boundaries from the `world-atlas` TopoJSON feed and pulls time-series data from the Johns Hopkins COVID-19 dataset via `d3.csv`. It employs `d3.geoMercator` for projection and `d3.geoPath` for rendering, with circle radii scaled using `d3.scaleSqrt` and transitions animated through `d3.transition` on the slider input.

ZZY Huang

86% match

Loading thumbnail…

Covid-19 Time Series(I Forked)

This example shows the global spread of confirmed COVID-19 cases across countries from January 22, 2020, to the present day. A date slider lets viewers scrub through time, updating the size of orange circles on a world map to reflect the reported case count per location, with hover tooltips showing country-level details. The visualization uses D3.js for map rendering with `d3.geoPath` and `geoMercator`, `d3.scaleSqrt` for circle sizing, and `d3-zoom` for interaction. Data comes from Johns Hopkins University, loaded via CSV, with countries drawn from TopoJSON and animated transitions between dates.

AAdrianTNare

86% match

Loading thumbnail…

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

This visualization presents COVID-19 confirmed cases by date using a bar chart rendered with SVG, alongside a world map colored by total cases using a spectral color scale. The bar chart uses d3.scaleLinear and d3.scaleBand to map cases and dates, with axis labels styled with IBM Plex fonts and interactive tooltips via d3.tip. The map employs d3.geoPath with a geoNaturalEarth1 projection, and d3.scaleOrdinal with schemeSpectral to encode country-level data. Both views load from external CSV and TopoJSON sources, with the map supporting zoom interaction.

AAaronBhasker

86% match