Skip to main content
SimilarExport ZIP
100%

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

✓ Published0🌍 Public
CChristine
Last edited Apr 1, 2020
Created on Mar 30, 2020

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.

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

CChristine
96% 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
85% 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
85% 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
85% match
Loading thumbnail…

Fork of COVID-19 Map (Positive Cases)

This choropleth map of the United States displays the seven-day average of positive COVID-19 test cases per state, using a logarithmic color scale from `d3.scaleThreshold` with a `d3.schemeOrRd` color range. State boundaries are drawn with `d3.geoPath` and the `geoAlbersUsa` projection. The visualization includes an interactive Voronoi overlay built with `d3.Delaunay`, which triggers hover states, while a custom `colorLegend` shows the threshold values. User-provided CSV data supplies the values, which are mapped to each state’s fill color.

AArv1228
84% 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
84% 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
84% match
Loading thumbnail…

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

This map shows the number of positive COVID-19 cases per 100,000 people by U.S. state, using a blue choropleth scale with seven-day averages. A color legend explains the threshold scale, and hovering over a state reveals detailed tooltips with death tolls, test counts, and positivity rates. Built with React and D3 v6, it loads CSV data and TopoJSON state boundaries, projecting them with `d3.geoAlbersUsa` and `d3.geoPath`. A Voronoi overlay from `d3.Delaunay` enables precise hover detection across state borders.

Aandycho97
84% match