Skip to main content
SimilarExport ZIP
100%

Covid Cases and Deaths WorldWide

✓ Published0🌍 Public
Wwkj0713@gmail.com
Last edited Jan 23, 2024
Created on Jan 22, 2024

This example displays the first row of a COVID-19 dataset as a JSON object, showing total cases, deaths, recoveries, active cases, tests, and population for a single country. It imports the data from a CSV file and parses the numeric fields by removing commas. The code uses the native `JSON.stringify` method to format the data and displays it within an HTML `<pre>` element, with the font size controlled by a JavaScript variable. The dataset originates from a Kaggle source on worldwide COVID-19 cases and deaths.

AI-generated description

Dataset Source: Covid Cases and Deaths WorldWide,

Data Overview Questions:

1.Country Comparison: Compare the total number of COVID-19 cases, deaths, and recoveries across different countries. Which country has the highest total cases? Which has the highest mortality rate?

2.Trend Analysis: Analyze the trend of active COVID-19 cases over time. Which countries are experiencing an increase or decrease in active cases?

3.Testing vs. Case Counts Relationship: Explore the relationship between the number of COVID-19 tests conducted and the confirmed cases in each country. Does more testing correlate with higher reported cases?

4.Population vs. Pandemic Impact: Analyze the relationship between the number of COVID-19 cases and deaths in relation to the population size of different countries. Are the case numbers or death tolls proportional to the population size?

5.Recovery Rate Analysis: Calculate and compare the COVID-19 recovery rates of different countries. Which countries have higher recovery rates?

MIT Licensed

Similar vizzes

Loading thumbnail…

Covid Cases and Deaths WorldWide Simple Scatter Plot

This visualization presents a scatter plot comparing total COVID-19 cases against total deaths for countries worldwide, using logarithmic scales on both axes to accommodate wide data ranges. Each circle represents a country, with its position determined by case and death counts, while color encodes mortality categories (low, medium, or high) derived from the death-to-case ratio. The plot is rendered as an animated D3.js visualization, utilizing `scaleLog`, `scaleOrdinal`, and `schemeCategory10` for color mapping, with interactive legend hover effects that dim non-matching countries. The data is loaded from a GitHub-hosted CSV file, and the visualization employs a reusable module structure with separate axis-label utilities.

Wwkj0713@gmail.com
72% match
Loading thumbnail…

Global Covid Deaths - Basic Summary of Deaths

This example shows the total number of global COVID-19 deaths as of the latest date in the dataset, displayed as large text in a `<pre>` element. It loads the Johns Hopkins CSSE time-series CSV, reads the final date column, sums all numeric values with `Array.reduce`, and formats the result with `d3.format`. The visualization relies on `d3.csv` for data loading and updates the page text via the DOM.

PPadoSensei
72% match
Loading thumbnail…

Loading and Parsing Coronavirus Data

This example shows the total number of global COVID-19 deaths from a live CSV dataset, displayed as a large red number in a web page. It loads the data with `d3.csv` and identifies the latest date column from the dataset’s headers, then sums the death counts from all countries using `Array.reduce`. The result is formatted with `d3.format` and inserted into the page via `document.getElementById`. The data source is the CSSE COVID-19 time series from Johns Hopkins University.

KKevin McMorrow
72% match
Loading thumbnail…

Loading and Parsing COVID data

This example displays the total number of COVID-19 deaths worldwide as a large text readout, along with the most recent date of the data. It loads a CSV file from the CSSE GitHub repository using d3.csv, extracts the latest date column, and sums all values with a reduce function. The formatted total uses d3.format to add comma separators, and the result is injected into an HTML pre element via the DOM. The visualization relies on D3 v5’s data loading and formatting APIs.

DDannyLord
71% match
Loading thumbnail…

Summarizing Coronavirus Data

This example displays a single, large-text summary of the total global COVID-19 deaths from the Johns Hopkins Coronavirus Dataset, along with the most recent date column in the time-series data. It loads the CSV via `d3.csv` and uses `d3.format` to insert comma separators into the summed death count. The code iterates through each country row, converts the latest date’s value to a number, and reduces them with a simple accumulator function before updating the DOM’s text content.

KK3zter
71% match
Loading thumbnail…

02Data for Corona Virus Daily data Covid-19

This example displays basic metadata about a COVID-19 daily dataset, showing the file size, row count, and column count. The code loads the CSV file from a GitHub gist using `d3.csv`, then computes and displays these three values in an HTML pre element. The dataset, sourced from Data World, contains daily case and death figures with attributes like new cases, total cases, and weekly counts. The visualization confirms the data has been loaded and measures its dimensions using `d3.csvFormat` and array properties.

AAbdul Salam Almadani
71% match
Loading thumbnail…

COVID-19

This interactive visualization shows daily COVID-19 cases, deaths, and recoveries for a selected country. Users can choose a country and a metric from dropdown menus, with the line chart updating to display the chosen data. The line color corresponds to the selected status: blue for confirmed cases, green for recovered, and red for deaths. Built with D3 v5, the SVG chart uses `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft`, with data from the Novel Corona Virus 2019 Kaggle dataset.

FFadziMandondo
70% match
Loading thumbnail…

COVID DATA

This visualization presents COVID-19 data from the Our World in Data GitHub repository, showing total cases and deaths aggregated by country. The code uses d3.csv to load the dataset, d3.rollup to group and sum values by location, and d3.line with d3.scaleTime and d3.scaleLinear to plot a line chart. Although a chart-rendering function is defined, the visualization does not display the chart in the browser, as the SVG element is never appended to the page.

FFarhaan Qazi
70% match