Skip to main content
SimilarExport ZIP
100%

USA cases per million

✓ Published1🌍 Public
PPavan Nimmagadda
Last edited Apr 25, 2024
Created on Apr 25, 2024

This visualization displays COVID-19 deaths per million in the United States over time as a date histogram, with each bar colored using a sequential blue scale to encode magnitude. The data comes from a CSV file loaded via `d3.csv`, and the chart uses `d3.bin` with `timeMonths` thresholds to aggregate cases into monthly bins, `d3.sum` to calculate totals, and `d3.scaleTime`/`d3.scaleLinear` for axes. React manages hover interactions, showing a value label above the selected bar.

AI-generated description

A date histogram showing the sum total dead and missing migrants for each month.

Data from the Missing Migrants Dataset.

Demonstrates use of d3.bin and d3.sum.

MIT Licensed

Similar vizzes

Loading thumbnail…

A10.wh

This visualization displays total COVID-19 cases per one million population for seven countries, comparing figures from March to September 2020 through a horizontal bar chart. A click on any bar triggers a d3-annotation label, with the U.S.A. example showing text and coordinates. Using D3 v7 with SVG rendering, the code employs `d3.scaleLinear` for the x-axis, `d3.scaleBand` for categorical country placement, and standard `d3.axisBottom`/`d3.axisLeft` axes, loading data from a local CSV file.

MMike Z
81% match
Loading thumbnail…

Covid 19 Deaths Date Histogram

This example shows a histogram of COVID-19 deaths over time, with bars representing monthly total deaths globally. The visualization uses React to render SVG elements, with d3.scaleTime and d3.bin for time-based binning, d3.sum to aggregate death totals, and custom React components for axes and marks. Data comes from the CSSE COVID-19 time series dataset, parsed with d3.csv and d3.timeParse. The chart displays a yellow background circle and styled axis labels, with tooltips showing exact death counts via SVG title elements.

RRMartins11
80% match
Loading thumbnail…

Covid 19 Cases in the US

This visualization displays COVID-19 case counts in the United States using a three-dimensional bar chart. The chart shows daily values for positive, negative, and recovered cases across multiple dates from the provided COVID-19 dataset. The code utilizes D3.js v5 alongside the d3-x3d library and X3DOM to render the 3D multi-series bar chart, with data loaded from a CSV file and parsed into a format compatible with the d3.x3d.chart.barChartMultiSeries() API.

Bbugfree55
80% match
Loading thumbnail…

COVID-19

This interactive D3.js visualization displays COVID-19 metrics over time for selected countries, allowing viewers to toggle between confirmed cases, deaths, and recoveries via two dropdown menus. The line chart uses a time-based x-axis and a linear y-axis, with a single red, blue, or green line rendered per selection. Data is loaded from a CSV file, processed by nesting and grouping entries by date, and filtered by country. The visualization uses D3's `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` for smooth curves.

WW9183907
79% match
Loading thumbnail…

COVID-19 US Interactive

This interactive line chart displays the rolling seven-day average of COVID-19 cases in the United States over time. The visualization uses React and D3 v6, with the data sourced from the New York Times’ public COVID-19 repository. The chart plots dates on the x-axis and average cases on the y-axis, rendered as an SVG using custom `AxisBottom`, `AxisLeft`, and `Marks` components. Hovering over data points triggers a `Tooltip` showing the formatted value. The code leverages D3’s `scaleTime`, `scaleLinear`, and `csv` for data parsing and scaling.

DDasbach.EJ
78% match
Loading thumbnail…

Bar chart

This example shows a bar chart of COVID-19 cases per one million people by country, fetching live data from the disease.sh API. The visualization uses React for component structure and D3.js utilities, specifically `d3.max` and `d3.scaleLinear`, to map data values to pixel heights within an SVG rendered via React. The `useEffect` hook triggers the chart-building function, while the fetched JSON populates the state that drives the bars.

NNikki Masroor
78% match
Loading thumbnail…

Multiplot COVID-19 impact on health of US population

This multiplot visualization tracks the impact of COVID-19 on the US population by displaying daily case and death averages as a scatter plot, rendered with D3’s scaleTime and scaleLinear functions. Users can switch between cases and deaths via a dropdown menu, which triggers smooth transitions on circle positions. The data comes from the New York Times rolling-averages dataset, featuring an animated reveal of points and dual month/year axes. A second, commented-out chart uses Our World in Data to show vaccination percentages, though it remains inactive.

DDasbach.EJ
77% match
Loading thumbnail…

Per Country Coronavirus Deaths Over Time

This visualization shows cumulative COVID-19 deaths over time for each country, with each country drawn as a separate colored line on a logarithmic y-axis. The chart includes marker lines at 1 million deaths and November 18, 2020. The data comes from the John Hopkins Coronavirus Dataset, processed with d3.csv and timeParse. React components render the SVG, while d3’s scaleTime, scaleLog, and line generator handle the plotting, with axes created using d3.axisBottom and d3.axisLeft.

CChris Briggs
77% match