Skip to main content
SimilarExport ZIP
100%

S'Army

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

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.

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

SSammy Njoroge
93% 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
77% 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
77% 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
76% match
Loading thumbnail…

Map Visualization of COVID-19 Cases in the U.S.

This map visualizes the number of confirmed COVID-19 cases per U.S. state as of late March 2020, using a choropleth where darker shades indicate higher case counts. Hovering reveals the state name, while clicking toggles the display of case numbers directly on each state. The visualization uses D3 v4 with a `geoAlbersUsa` projection and `d3.geoPath` to render SVG state boundaries, and a `scaleLinear` maps case data from CSV files to a color range. Data originates from state health agencies, hospitals, and the CDC via the New York Times.

CChristine
73% 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
72% match
Loading thumbnail…

Lab 5

This interactive data visualization plots global COVID-19 confirmed cases as of May 4, 2020, using a geographic scatterplot. Each circle represents a province or country, positioned by longitude and latitude, with size and color encoding case counts via `d3.scaleSqrt` and `d3.scaleLinear`. Hovering a circle reveals a tooltip with country, coordinates, and case details. Built with D3 v7, the SVG chart reads CSV data from the CSSEGISandData GitHub repository and uses `d3.axisBottom` and `d3.axisLeft` for axes.

XXuân Vinh
72% match
Loading thumbnail…

Choropleth Map

This choropleth map visualizes global COVID-19 cumulative case counts by country, with each nation shaded according to its reported total. The map uses a natural Earth projection and is rendered as SVG, with a zoom interaction allowing users to inspect regions in detail. Data comes from a CSV file joined with world country boundaries from the World Atlas TopoJSON, while colors are assigned via d3.scaleOrdinal with a spectral scheme. Hovering reveals the country name and case count through an SVG title element.

Ggcappadaniel
72% match