Skip to main content
SimilarExport ZIP
100%

Fork of Simulated COVID maps in the US and Canada

✓ Published0🌍 Public
XXizhiW
Last edited Jan 11, 2022
Created on Jan 11, 2022

This example shows simulated COVID-19 case counts across US counties and Canadian census divisions, with boundaries switchable to states and provinces and circle scaling switchable between proportional and classed modes. It uses d3.geoStereographic for projection, d3.geoPath for SVG paths, and d3.scaleThreshold or d3.scaleSqrt for circle radii. Data comes from 2019 US county and 2016 Canadian census population estimates, with populations divided by 100 to create fake infection rates. The classed legend and color scheme follow the Johns Hopkins COVID map.

AI-generated description

Simulated COVID maps, inspired by https://coronavirus.jhu.edu/map.html

For context, see this twitter thread: https://twitter.com/mappingmashups/status/1382446649327296514

2016 Canada Census Division populations from: https://www12.statcan.gc.ca/census-recensement/2011/geo/bound-limit/bound-limit-2016-eng.cfm 2019 US county populations from: https://www.census.gov/data/datasets/time-series/demo/popest/2010s-counties-total.html

Classed legend more or less copied from the Johns Hopkins map:

<img src="https://i.imgur.com/H3KJrMp.png" alt="map legend" width="50%"/>
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Simulated COVID maps in the US and Canada

This interactive map uses D3.js v5 to simulate COVID-19 case counts across the United States and Canada. It plots scaled circles on a stereographic projection, with population data for counties and census divisions from 2016/2019 sources. Users can toggle between proportional and classed circle scaling, and switch subdivision granularity between states/provinces and counties/census divisions. The visualization draws GeoJSON boundaries and centroids via d3.geoPath, with circle radii determined by either d3.scaleSqrt or d3.scaleThreshold.

AAnanyaSamala
93% match
Loading thumbnail…

Simulated COVID maps in the US and Canada

This interactive map simulates COVID-19 infection rates across the US and Canada. Users toggle between provinces and census divisions in Canada, and states and counties in the US, as well as between proportional and classed circle scaling. The visualization uses D3 v5 with a stereographic projection (`d3.geoStereographic`) and `d3.geoPath` to render the base GeoJSON polygons. Circles representing fake infections are sized using `d3.scaleSqrt` or `d3.scaleThreshold`, drawing on population data from the 2016 Canadian census and 2019 US county estimates.

AAlan McConchie
90% match
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
78% match
Loading thumbnail…

County Population Circles on US Map with D3.js!

This example displays COVID-19 case counts as scaled circles overlaid on a map of US counties. The visualization uses `d3.geoAlbersUsa()` for projection, `d3.geoPath` to render state boundaries from TopoJSON, and `d3.scaleSqrt` to map case counts to circle radii based on data from a CSV file. County centroids, computed with `geoPath.centroid`, position the circles, while a `d3.zoom` handler enables panning and zooming.

Aacrasto-tibco
78% match
Loading thumbnail…

County Population Bubble Map for the US with D3.js!

A county population bubble map for the US uses an SVG projection with geoAlbersUsa and d3.geoPath to render state and county boundaries from TopoJSON data. Circles positioned via pathGenerator.centroid are sized by a d3.scaleSqrt mapping COVID-19 case counts from a CSV dataset, with zoom enabled through d3.zoom for interactive exploration.

Aacrasto-tibco
77% match
Loading thumbnail…

S'Army

S'Army presents a choropleth map of COVID-19 cases across the United States and Canada, using population data as a proxy for infection rates. The visualization offers interactive controls for switching between provinces/states and census divisions/counties, and for toggling between proportional and classed circle scaling. Built with D3 v5, it uses `d3.geoStereographic` for projection, `d3.geoPath` for rendering geographic boundaries, and `d3.scaleThreshold` for the classed legend, with circle radii styled after the Johns Hopkins COVID map.

SSammy Njoroge
77% match
Loading thumbnail…

COVID Visualization

This visualization displays the number of COVID-19 cases per US county using a choropleth map colored with a threshold-based scale. It loads US county boundary data from the `us-atlas` package and New York Times case data from GitHub, merging them via topojson features. The map is rendered as SVG paths using `d3.geoPath` with an Albers projection, and supports zooming via `d3.zoom`. Counties change fill opacity on hover and show case counts in tooltips.

DDennis Angelov
76% 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
76% match