COVID-19 Stages

100%

COVID-19 Stages

✓ Published0🌍 Public

Last edited Jun 13, 2020

Created on Jun 13, 2020

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.

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

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

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

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

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

79% match

Loading thumbnail…

d3 choropleth map

This interactive choropleth map visualizes the spread of COVID-19 cases across countries over time, using an animated timeline that cycles through daily data from January to July 2020. The map renders world country boundaries as SVG paths using the Eckert5 projection, with each country’s fill color dynamically updated based on its reported case count for the currently displayed date. Built with D3 v3, it leverages `d3.geo.path`, `d3.geo.eckert5`, `d3.geo.graticule`, TopoJSON for geographic data, and a CSV dataset, while a play button and date label drive the sequential animation.

Aashpradhan01123

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…

Untitled

This choropleth map of the United States displays state-level COVID-19 case values with a green color scale, using lighter shades for lower numbers and darker greens for higher ones. The visualization loads CSV data and merges it with GeoJSON state geometries using d3.csv and d3.json, then renders paths with d3.geoPath and the d3.geoAlbersUsa projection. A d3.scaleQuantize maps numeric values to a five-color range, while states lacking data appear gray. The SVG is built with D3 v7 and styled with minimal CSS.

Jjoslinl

77% match