Skip to main content
SimilarExport ZIP
100%

Fork of Simulated COVID maps in the US and Canada

✓ Published0🌍 Public
AAnanyaSamala
Last edited Jul 10, 2022
Created on Jul 10, 2022

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.

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 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.

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

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…

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
77% match
Loading thumbnail…

Fork of US COVID Vaccination Circles - Refactored

This visualization shows a map of the United States, plotting blue circles at the centroid of each state to represent the percentage of fully vaccinated residents as of September 4, 2021. The radius of each circle is scaled proportionally to the vaccination rate, allowing viewers to compare state-level progress at a glance. The code uses the D3.js library (version 5) with `geoAlbersUsa` projection and `geoPath` to render state boundaries, while `d3.scaleLinear` maps vaccination percentages to circle radii. State centroids come from a local JSON file, and vaccination data is loaded from a GitHub Gist containing U.S. vaccination data by state and territory.

PPeter VanNostrand
77% 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
77% 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
77% match