Skip to main content
SimilarExport ZIP
100%

S'Army

✓ Published0🌍 Public
SSammy Njoroge
Last edited Sep 9, 2021
Created on Sep 9, 2021

S'Army draws an unclassed and classed proportional-symbol map of simulated COVID-19 infection counts across North America, using `d3.geoPath` with a stereographic projection for the base map and `d3.scaleSqrt` for proportional symbol sizing. Circles are placed at the centroids of Canadian census divisions and U.S. counties, with populations from the 2016 Canadian Census and the 2019 U.S. Census Bureau estimates. The visualization uses `d3.scaleThreshold` for a classed legend copied from the Johns Hopkins map, and readers can toggle between provinces/census divisions, states/counties, and proportional/classed scaling.

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…

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
93% match
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
74% match
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
74% 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
73% match
Loading thumbnail…

D3: Loading GeoJSON data and generating SVG paths

This example combines Canadian health data with geographic boundaries to create a choropleth map. It loads GeoJSON province outlines via `d3.json` and CSV health statistics via `d3.csv`, merging them by province name to color each region using a `d3.scale.quantize` color scale. The map uses a `d3.geo.conicConformal` projection and `d3.geo.path` for SVG rendering, with population circles from a third CSV overlaid using the same projection.

MMbrownshoes
68% 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
67% match
Loading thumbnail…

Circles on a Map

This visualization displays the global population infected by COVID-19, using proportional circles placed at country centroids on a natural Earth projection. The map shows both countries with and without reported data, colored differently, while a size legend and color legend explain the scaling. The implementation uses d3's geoPath, geoNaturalEarth1, and geoCentroid for map projections, and scaleSqrt for circle sizing, with data loaded from a CSV and TopoJSON atlas.

JJhonfel
67% match
Loading thumbnail…

MAP - CIRCLES

This visualization maps the spread of COVID-19 from China to other countries using circles overlaid on a natural Earth projection. The size of each circle encodes population data from the source files, while arcs are attempted from longitude and latitude coordinates parsed from two CSV files. Built with D3 v5, it uses `geoPath`, `geoCentroid`, `scaleSqrt`, and `zoom` for interactivity, plus TopoJSON for country boundaries. The SVG rendering includes hover effects and a size legend.

Iinroadings
66% match