Skip to main content
SimilarExport ZIP
100%

Covid Cases in the US

✓ Published0🌍 Public
Aashpradhan01123
Last edited Jul 27, 2020
Created on Jul 27, 2020
Forked from HTML Starter

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.

AI-generated description

A bare minimum USA Map page.

See also React Starter.

MIT Licensed

Similar vizzes

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
85% 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
83% match
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
83% 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
81% match
Loading thumbnail…

County Population Circles on US Map with D3.js!

This example displays COVID-19 case counts as scaled circles overlaid on a map of US counties. The visualization uses `d3.geoAlbersUsa()` for projection, `d3.geoPath` to render state boundaries from TopoJSON, and `d3.scaleSqrt` to map case counts to circle radii based on data from a CSV file. County centroids, computed with `geoPath.centroid`, position the circles, while a `d3.zoom` handler enables panning and zooming.

Aacrasto-tibco
81% match
Loading thumbnail…

Covid-19 Time Series(I Forked)

This example shows the global spread of confirmed COVID-19 cases across countries from January 22, 2020, to the present day. A date slider lets viewers scrub through time, updating the size of orange circles on a world map to reflect the reported case count per location, with hover tooltips showing country-level details. The visualization uses D3.js for map rendering with `d3.geoPath` and `geoMercator`, `d3.scaleSqrt` for circle sizing, and `d3-zoom` for interaction. Data comes from Johns Hopkins University, loaded via CSV, with countries drawn from TopoJSON and animated transitions between dates.

AAdrianTNare
80% 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
80% match
Loading thumbnail…

d3 choropleth map

This choropleth map visualizes the spread of COVID-19 cases over time, with an animating date slider and play/pause controls. The map uses d3.geoEckert5 projection, d3.geoPath, and TopoJSON, with color scales from colorbrewer and d3-scale-chromatic to shade regions by case counts. A draggable slider, built with d3.drag and d3.timeScale, shows daily case data from January to July 2020, while a legend and graticule provide spatial context.

Aashpradhan01123
80% match