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

100%

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

✓ Published1🌍 Public

Last edited Mar 28, 2020

Created on Mar 27, 2020

Forked from Untitled

This map visualizes confirmed COVID-19 cases across U.S. states, using a color scale to indicate case counts. Hovering reveals a state's name, while clicking toggles the display of case numbers on the map. Built with D3 v4, the visualization uses `d3.geoAlbersUsa` and `d3.geoPath` to render state boundaries from GeoJSON data. Case data comes from state health agencies and the CDC, as aggregated by the New York Times, and loads via `d3.csv`.

AI-generated description

This map is a visualization of known COVID-19 cases in each U.S state as of 1:30 P.M. E.T., Mar. 27.

Hover to see the state name
Mouseover to see the number of cases.
Click to toggle show/hide the number of cases.

Data Source: State and local health agencies, hospitals, C.D.C. https://www.nytimes.com/interactive/2020/us/coronavirus-us-cases.html

MIT Licensed

Similar vizzes

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

96% match

Loading thumbnail…

Fork of COVID-19 Map (Positive Cases)

This map of the United States shows the log number of positive COVID-19 cases per state, averaged over the past seven days, with darker colors indicating higher case counts. Hovering over a state highlights it in green and reveals a tooltip with additional metrics, including death toll, tests administered, and positivity rate. The visualization is built with React and D3 v6, using `d3.geoPath` with a `geoAlbersUsa` projection to render state boundaries from TopoJSON data. A threshold color scale and a custom color legend encode the case values, while a `VoronoiOverlay` component uses `d3.Delaunay` to improve hover interactivity.

RRamakanth771

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

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

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

83% match

Loading thumbnail…

Fork of COVID-19 Map (Positive Cases)

This choropleth map of the United States uses a logarithmic color scale to show the relative number of COVID-19 cases per state, based on a seven-day average. A Voronoi overlay, built with `d3.Delaunay`, expands each state’s hover target for easier tooltip interaction, displaying details like death tolls, test counts, and positivity rates. The map is rendered with `d3.geoPath` and `geoAlbersUsa`, using TopoJSON state boundaries, while a custom color legend communicates the log-transformed case thresholds. React manages the component state, and all SVG elements are styled with hover effects in CSS.

IIvy Liu

83% match

Loading thumbnail…

Covid Cases in the US

This visualization shows the geographic spread of confirmed COVID-19 cases across US counties over time, with each county filled according to case counts on a selected date. The map uses an Albers USA projection and renders counties as SVG paths via `d3.geoPath` and TopoJSON. A time slider and play button allow users to animate through the date range, with colors interpolated from a threshold scale using `d3.interpolateReds`. Data comes from a CSV file containing cumulative case counts per county from January to July 2020.

Aashpradhan01123

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

83% match