Covid 19 Cases in the US

100%

Covid 19 Cases in the US

✓ Published2🌍 Public

Last edited Jul 19, 2022

Created on Jul 6, 2022

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.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Bar Chart

This bar chart visualizes the daily confirmed COVID-19 cases across eight countries from January to May 2020. The current configuration displays the US case count on the x-axis and dates on the y-axis, with each bar’s length representing the cumulative total. The code uses D3 v5 APIs including `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to load data from a CSV file and render the SVG, with configurable axis labels and grid lines.

SSarahKiyani

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

82% match

Loading thumbnail…

3D chart

This 3D bar chart visualizes the top 10 countries most affected by COVID-19, with each country’s total case count represented as a vertical bar. The example uses D3 v5 alongside the d3-3d and d3-x3d libraries to generate the interactive scene, which is rendered through X3DOM in the browser. Data is loaded asynchronously from a CSV file, then parsed and passed to a `d3.x3d.chart.barChartMultiSeries()` component attached to a chart holder div. The page includes custom CSS styling for the heading and body layout.

Bbhargavarathod

81% match

Loading thumbnail…

Covid-19 Cases Analysis

This interactive narrative visualization analyzes U.S. COVID-19 cases across three scenes. It shows total case trends per day, state-level comparisons, and case distribution on a map. The line charts use d3.line and d3.scaleTime to plot confirmed and death cases, with interactive navigation between scenes via HTML links. Data is loaded from external CSV files using d3.csv, and rendered as SVG elements. The visualization employs a slideshow structure with drill-down capabilities, allowing exploration of trends over time from January to May 2020.

Xxiaojingwu138

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…

Bonus ICE 11554625

This example visualizes COVID-19 case counts for multiple countries across the years 2019–2023 as a multi-series 3D bar chart. It renders the data using the d3-x3d library, which combines D3.js v5 with X3DOM for WebGL-based 3D graphics. The visualization reads CSV data from a GitHub gist, parses it with `d3.csv`, and binds it to the chart via the `datum()` method. The chart is displayed inside an HTML div with styling, allowing interactive rotation and exploration of the three-dimensional bars representing case numbers.

MManohar Kowthavarapu

80% match

Loading thumbnail…

3D Bar Chart

This example displays the top 10 countries most affected by COVID-19 as a 3D bar chart using the d3-x3d library, which bridges D3.js with X3D for WebGL rendering. The bars are generated from a CSV dataset containing case counts per country, loaded asynchronously via d3.csv. The chart uses d3.x3d.chart.barChartMultiSeries to create the three-dimensional visualization, with the axis and layout handled by the x3dom framework. The page includes custom CSS for styling the title and center alignment.

HHarshinireddyy19

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

79% match