COVID-19 Stages

100%

COVID-19 Stages

✓ Published2🌍 Public

Last edited May 5, 2020

Created on Apr 26, 2020

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.

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

Jjayktee

95% match

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

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

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

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

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

76% match

Loading thumbnail…

COVID-19 Map (Positive Cases)

This interactive map of the United States visualizes COVID-19 positive cases by state, with fill colors encoding the log-transformed seven-day average of positive tests, ranging from 5 to 11 on a threshold color scale. A voronoi overlay, built with `d3.Delaunay.from` and `voronoi.renderCell`, enables hover interactions, while each state path (rendered with `d3.geoPath` and `geoAlbersUsa`) displays a tooltip with additional metrics including death toll, tests, and positivity rate. The visualization also includes a threshold color legend and uses React for managing the overlay component.

Aandycho97

76% match

Loading thumbnail…

COVID-19 Map

This interactive map of the United States displays state-level COVID-19 metrics, including seven-day averages for deaths and positive test results, with hover tooltips revealing specific values. Built with D3 v6 and rendered as SVG, the visualization uses topojson for geographic boundaries and computes logarithmic positive-test values for potential choropleth coloring. The map currently fills all states red, while CSS hover states highlight regions in light green, and a custom color legend component supports ordinal color scales, though the full scale integration remains incomplete.

Aandycho97

76% match