Covid Data 2020 Visualization

100%

Covid Data 2020 Visualization

✓ Published0🌍 Public

Last edited Jan 19, 2021

Created on Jan 10, 2021

This visualization explores COVID-19 case data across U.S. states during 2020, focusing on case increases around major holidays. It features a bar chart ranking the top N states by percentage increase, a choropleth map showing geographical distribution, and a line chart tracking daily new cases for selected states. Built with React and D3 v5, it uses `scaleBand`, `scaleLinear`, `scaleTime`, and `scaleOrdinal` for scales, `geoAlbersUsa` and `geoPath` for the map, and SVG rendering for all marks. The data comes from CSV files containing daily state-level case counts.

AI-generated description

Two Panel View The visualization is composed of 2 panels.

The first plot is a bar chart shows the top 10 or N states. It gives the user more quantitative information and a list of top states by name.
The second plot is a choropleths map shows the geographical distribution over the US including Alaska and Hawaii.

MIT Licensed

Similar vizzes

Loading thumbnail…

Covid Data 2020 Visualization

This interactive dashboard explores COVID-19 data through four coordinated panels: a line chart of yearly trends, a choropleth map of state averages, a bar chart of top states, and a multi-line chart of state patterns. Built with React and D3 v5, it uses `scaleOrdinal` for color mapping, `geoAlbersUsa` and `geoPath` for the map, and `scaleBand` for bars. Hovering highlights selections across panels, with data loaded from a CSV file.

Sshehrbano1248

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

82% match

Loading thumbnail…

Customized bar chart

This example presents a customized bar chart of COVID-19 case counts by U.S. jurisdiction, using data from August 2020. It displays the top ten locations ordered along the vertical axis, with horizontal bar lengths encoding total cases. The visualization is built with React and D3 v5, leveraging `scaleBand` for categorical positioning, `scaleLinear` for quantitative scaling, and `csv` for data loading. SVG rendering produces the bars, axes, and tick labels, with D3’s `format` function abbreviating large numbers (e.g., converting billions to “B”).

Rrsulli4

81% match

Loading thumbnail…

Covid-19 Cases Analysis

This interactive narrative visualization analyzes U.S. COVID-19 case trends across multiple scenes, beginning with a line chart of total confirmed cases from January to May 2020, followed by state-level comparisons and a geographic distribution map. The first scene uses D3 v7 with `d3.select`, `d3.csv`, `d3.timeParse`, and `d3.line` to render an SVG line chart, plotting dates against confirmed case counts from a public COVID-19 dataset. The visualization employs a slideshow navigation format with interactive elements for exploring different data aspects.

Xxiaojingwu138

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

80% match

Loading thumbnail…

Bar chart - covid19

This bar chart displays the total number of Covid-19 cases in the top five US states as of January 12, 2021, sourced from Worldometer. The visualization uses d3.csv to load the data and d3.scaleLinear, d3.scaleBand, and d3.axisBottom/axisLeft APIs to map case counts to bar lengths and states to vertical bands. Each state’s bar is rendered as an SVG rect with a green fill, while the horizontal and vertical axes provide numerical and categorical reference points. The chart is built with D3 v6 and renders entirely as SVG elements.

BbeauMarko

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

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

80% match