COVID-19 Stages

100%

COVID-19 Stages

✓ Published1🌍 Public

Last edited May 5, 2020

Created on Apr 27, 2020

A choropleth map of U.S. counties shows COVID-19 progression stages across six dates in March–April 2020. Each county’s color encodes a stage from none to contained, emergence, outbreak, slowdown, or contraction, with a dropdown to switch dates. The visualization uses Mapbox GL JS for interactive vector-tile rendering and D3’s `d3.csv` and `d3-dsv` to load and filter county-stage data from a remote GeoJSON and CSV. Hovering highlights county outlines via Mapbox feature-state updates.

AI-generated description

Covid-19 Pandemic Stages by U.S. County, 2020.

MIT Licensed

Similar vizzes

Loading thumbnail…

COVID-19 Stages

A choropleth map of U.S. counties shows COVID-19 progression stages—from contained to outbreak—across dates in late March and early April 2020. A dropdown menu lets viewers switch between daily snapshots, recoloring each county based on its stage. The visualization uses Mapbox GL JS for the interactive map, with county boundaries and stage data loaded as a GeoJSON source. D3’s `d3.csv` and `d3-dsv` parse the underlying dataset, while feature-state styling dynamically updates fill colors and hover effects on the vector tiles.

SSarahKiyani

97% match

Loading thumbnail…

COVID-19 Stages

This interactive map shows the progression of COVID-19 across U.S. counties over a six-day period in March–April 2020, with each county colored by its stage—from contained to outbreak. A date selector lets users step through daily updates, while hovering highlights individual counties. Built with Mapbox GL JS for rendering vector tiles, the choropleth colors are driven by feature-state values loaded from a CSV via d3-dsv and applied through Mapbox’s paint expressions. Popups and hover interactions use Mapbox’s event system, and the base map style is custom-hosted on Mapbox.

Jjayktee

95% match

Loading thumbnail…

Covid-19 County Pandemic Stages

A line chart displays the average pandemic stage across U.S. states, with each colored line representing a year from 2015 to 2019. The visualization ranks states along the y-axis against their averaged stage value on the x-axis, enabling year-over-year comparison. Built with the vega-lite-api and D3 v5, it pulls county population data from a GitHub repository and renders using Vega-Lite’s markLine and aggregate transforms. The dataset originates from CDC FluView Interactive, and the chart’s multi-hued encoding may obscure ordinal year-based patterns for readers.

Jjayktee

81% match

Loading thumbnail…

Covid-19 Outbreak Status

This interactive map visualizes the global progression of COVID-19 across countries, using color-coded stages for confirmed cases, recoveries, deaths, and unaffected regions. The visualization presents geo-spatial data with a date selector to explore temporal changes. Built with D3.js, it uses `d3.geoPath` and `d3.geoNaturalEarth1` for map projection, alongside the `d3.dsv` parser to load country data from a CSV file, and `d3.zoom` for interactive panning and zooming. The map is rendered as SVG using TopoJSON world geometry.

SSarahKiyani

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

78% match

Loading thumbnail…

Fork of COVID-19 Map (Positive Cases per 100,000 People)

This choropleth maps seven-day average COVID-19 positive cases per 100,000 people across U.S. states, with color encoded via a threshold scale using d3.scaleThreshold and schemeBlues. Hovering a state highlights it in green, while a tooltip reveals additional metrics like death toll and test counts. The visualization uses d3.geoPath with the Albers USA projection, and a VoronoiOverlay enables efficient mouse interaction. Data comes from an external CSV, with state boundaries from topojson, and React manages the component rendering.

MMauricio García Benítez

77% match

Loading thumbnail…

Fork of COVID-19 Map (Positive Cases)

This choropleth map displays the relative number of COVID-19 cases per U.S. state using a log-transformed scale of seven-day average positive test results, colored with d3.scaleThreshold and schemeOrRd. Hovering reveals a tooltip with state-level metrics including deaths, tests, and positivity rates. Built with React and D3 v6, the visualization uses d3.geoPath with a geoAlbersUsa projection, TopoJSON for state boundaries, and a d3.Delaunay-based Voronoi overlay for efficient mouse interaction over irregular shapes. The accompanying color legend is rendered using d3 selections.

MMyNKBISHT

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

75% match