Skip to main content
SimilarExport ZIP
100%

Scatter plot on COVID CFR

✓ Published0🌍 Public
CCenz Wong
Last edited Mar 8, 2022
Created on Mar 8, 2022

This scatter plot visualizes the COVID-19 case fatality rate by plotting total deaths against total cases for each country on the latest recorded date. The chart uses D3 v7 (d3.scaleLinear, d3.axisBottom, d3.axisLeft) to render SVG circles that enlarge on mouseover and display a tooltip with location and death rate via d3.format. Data comes from the Our World in Data JHU GitHub repository, filtered to exclude aggregate regions and rows with missing death values.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter plot on COVID CFR

This scatter plot visualizes the COVID-19 case fatality rate by plotting total deaths against total cases for each country on the latest recorded date. The chart uses D3 v7 (d3.scaleLinear, d3.axisBottom, d3.axisLeft) to render SVG circles that enlarge on mouseover and display a tooltip with location and death rate via d3.format. Data comes from the Our World in Data JHU GitHub repository, filtered to exclude aggregate regions and rows with missing death values.

CCenz Wong
100% match
Loading thumbnail…

Scatter Plot for Covid

This scatter plot visualizes COVID-19 data for the top 10 countries, showing the relationship between total cases and total deaths. The visualization uses D3.js v7 with SVG rendering to display circles for each country, where the x-axis represents total cases and the y-axis represents total deaths. The code loads CSV data from a GitHub gist, processes it with JavaScript array methods, and uses d3.scaleLinear to create scales for both axes. Axis labels and grid lines are generated using d3.axisBottom and d3.axisLeft, with margins defining the plot area.

MM Hema
86% match
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
85% match
Loading thumbnail…

Untitled

A scatter plot tracks COVID-19 confirmed cases against deaths on logarithmic axes, with each point representing a country and its population and regional color encoding. Overlaid dark-red lines radiate from the origin, annotating fatality rates and country labels. A circular legend explains the point size, color, and opacity encoding. The React-based D3 visualization uses `d3.axisBottom`, `d3.min`, and `d3.ticks` for axes and grid, while custom functions render the legend, annotations, and rotated fatality labels, using county-level GeoJSON data from `county.json` as a backdrop.

Pphemmati
81% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes daily COVID-19 cases and deaths across multiple countries, using red semi-transparent circles on an SVG canvas. The x-axis maps daily cases while the y-axis maps daily deaths, with data sourced from a CSV file. Built with D3 v5, the visualization uses scaleLinear, axisBottom, and axisLeft to construct the axes, and the csv function loads the dataset. The code filters data through extent and nice functions to set the scales, while a title and axis labels are added as text elements.

Iibcs47
81% match
Loading thumbnail…

Test Scatter Plot

This scatter plot visualizes COVID-19 data, comparing the number of cases and deaths for four countries. The chart uses SVG circles to represent each country, with D3.js’s `scaleLinear` and `extent` functions to map the data to axes, and `axisLeft` and `axisBottom` to render the labeled axes. The code imports `csv` to load the data from `data.csv` and applies D3 v6 to build the visualization, with a clear title and axis labels.

CChristine Lanser
80% match
Loading thumbnail…

Fork of D3 Scatter Plot

This scatter plot visualizes CDC COVID-19 data, plotting daily new deaths against new cases, with each point representing a 14-day moving average. The chart reveals a general correlation where more infected cases correspond to more deaths. Built with D3 v6, the visualization uses `d3.csv` to load the dataset and `d3.scaleLinear` to map values to screen coordinates, with points rendered as SVG circles. Axes are generated using `d3.axisLeft` and `d3.axisBottom`, and the chart fills the entire browser window.

VVonnie
79% match
Loading thumbnail…

Coronavirus with Labels

This line chart shows cumulative COVID-19 deaths over time for multiple countries, using a logarithmic y-axis to accommodate the wide range of values. A Voronoi overlay, built with `d3.Delaunay`, enables mouse interaction, highlighting the nearest data point and displaying a tooltip with the country name, death count, and date. The chart uses `scaleTime` and `scaleLog` from d3.v6 within a React framework, rendering as SVG. Data comes from the CSSEGISandData COVID-19 GitHub repository.

AAndre J Denais
79% match