Skip to main content
SimilarExport ZIP
100%

Top 10 most Covid-19 Infected Countries

✓ Published0🌍 Public
SSUPERMAN79355
Last edited Jul 3, 2020
Created on Jul 3, 2020
Forked from Cars Scatter Plot

This scatter plot displays the top 10 countries most infected by COVID-19, with each circle’s horizontal position representing the number of cases and its vertical position the country name. The visualization uses D3 v5’s `scaleLinear` and `scaleBand` to map case counts and countries, while `axisBottom` and `axisLeft` render the axes. Data from `data.csv` is loaded via `d3.csv`. Circle size is fixed, and the color is red.

AI-generated description

This scatter plot shows the top 10 jmost infected Covid-19 countries and the amoint of cases that they have.

MIT Licensed

Similar vizzes

Loading thumbnail…

COVID19 Cases TOP 10 countries-March 19

This visualization displays the total reported COVID-19 cases for the top ten affected countries as of March 19, using a horizontal bar chart. The chart encodes case counts as bar lengths along a linear scale, while country names are arranged on a band scale. Data is loaded from a local CSV file using `d3.csv`. The SVG rendering is built with the D3 v5 API, specifically `select`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom`, with axis tick labels formatted using `format('.2s')`.

Llori99-data
85% 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
85% match
Loading thumbnail…

COVID19 Cases TOP 10 countries-March 19

A horizontal bar chart ranks the ten countries with the most COVID-19 cases as of March 19, using grey bars and sans-serif labels from data.csv. The visualization loads CSV data via `d3.csv`, maps country names to a `scaleBand` y-axis and case counts to a `scaleLinear` x-axis, then renders SVG rectangles. It includes axes generated by `axisLeft` and `axisBottom`, with tick formatting via `format('.2s')`, and appends a title text element inside the SVG group.

11995ana
85% match
Loading thumbnail…

Top 10 Countries by COVID-19 Cases Bar Chart

This bar chart displays the top 10 countries by total COVID-19 cases, with each bar’s height representing the case count and the country name labeled on the x-axis. The visualization uses d3.csv to load data from a GitHub gist and d3.scaleBand for positioning bars, while d3.scaleLinear maps the case values to the y-axis. Hovering over a bar changes its fill color to orange, implemented through d3 selection event handlers. Axes and labels are generated using the @curran/axis-labels library alongside d3.axisLeft.

Wwkj0713@gmail.com
84% match
Loading thumbnail…

Top 10 Most Covid-19 Infected Countries

This bar chart shows the top 10 most populous countries, with population values from the United Nations World Population Prospects 2017 estimate. It uses an SVG rendering with a linear x-scale and band y-scale, formatted axis ticks, and gridlines. The code leverages d3.csv, scaleLinear, scaleBand, axisLeft, axisBottom, and the format function, with data loaded from a local CSV file.

SSUPERMAN79355
84% match
Loading thumbnail…

1 visual

This visualization is a scatter plot that compares COVID-19 outcomes across the top 10 countries with the most new cases, plotting the percentage of the population fully vaccinated on the x-axis against the absolute number of new cases on the y-axis. Each circle represents a country, with tooltips revealing exact figures on hover. Rendered as an SVG using D3.js v7, the chart employs `d3.csv` to load the dataset, `d3.axisBottom` and `d3.axisLeft` for axes, and dashed grid lines for readability. The underlying data comes from the Covid-Analysis repository, and the code includes interactive tooltip transitions.

Vvenkatabhaskaratetali@my.unt.edu
84% match
Loading thumbnail…

Top countries of Covid-19 Bar Chart

This example displays a bar chart of the top ten countries by total COVID-19 cases, ranked by population. It uses D3's `scaleBand`, `scaleLinear`, `axisLeft`, `axisBottom`, and `line` APIs to render the axes and a line mark. The visualization loads data from a remote CSV via `csv()`, sorts it, and slices the top ten entries. Local ES6 modules like `@curran/axis-labels` handle axis labels, while `select` and `join` manage SVG elements.

SSushmaNamidi@my.unt.edu
83% match
Loading thumbnail…

Top 25 Countries with confirmed covid cases

This visualization shows the top 15 countries with the highest number of confirmed COVID-19 cases using horizontal bar charts. The bars represent case counts with a linear scale on the x-axis and country names on the y-axis. The code loads data from a CSV file hosted on GitHub and uses React’s useEffect hook to fetch and parse the data asynchronously. D3’s scaleBand and scaleLinear functions map the data to SVG rectangles, while d3.csv handles the data import. The chart is embedded within a React component that renders the SVG output directly.

Ddheeraj1509
82% match