coronavirus dataviz

100%

coronavirus dataviz

✓ Published0🌍 Public

Last edited Oct 23, 2023

Created on Oct 18, 2023

This visualization presents the global spread of coronavirus using a geographic map. It displays a force-directed simulation of nodes overlaid on a world map, with the data loaded from an external CSV file. The code constructs the map using `d3.geoPath` and manages the moving points with `d3.forceSimulation`, which animates their positions. The visualization is built with D3 version 5, utilizing its core modules for data loading, geographical projection, and interactive simulation, providing a dynamic view of the pandemic's progression across regions.

AI-generated description

A program that loads CSV data.

MIT Licensed

Similar vizzes

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

81% match

Loading thumbnail…

Circle Map - Coronavirus

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.

Ppplomith

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

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

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

78% match

Loading thumbnail…

coronavirus countries Map

A world map visualization shows the geographic distribution of COVID-19 cases, allowing users to toggle between confirmed cases, deaths, and recoveries via a dropdown menu. Country boundaries are rendered with d3.geoPath, while proportional circles sized with d3.scaleSqrt mark outbreak severity at each nation’s centroid. Data from a CSV file is joined to TopoJSON country geometries using a country code key. The map supports zooming and panning via d3.zoom, and includes custom color and size legend components built with D3’s selection and scale APIs.

AAlex Ley

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

78% match

Loading thumbnail…

Flow chart for the spread of COVID-19 across the world

This visualization maps the global spread of COVID-19 during the early outbreak, showing direct transmission links between geographic coordinates. A Mercator projection with `d3.geoPath` renders country outlines, while an overlay of `LineString` paths connects origin and destination points, revealing propagation routes from Chinese provinces to Europe, Australia, and beyond. The code uses `d3.queue` with `d3.json` and `d3.csv` to load world GeoJSON and coordinate data, with `d3.geoMercator` projecting all coordinates. The resulting SVG uses a dark teal stroke for each transmission arc against a gray world map.

VVarun Nangia

78% match