Skip to main content
SimilarExport ZIP
100%

1 visual

✓ Published0🌍 Public
Vvenkatabhaskaratetali@my.unt.edu
Last edited Apr 27, 2024
Created on Apr 27, 2024

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.

AI-generated description

Stacked bars showing estimated religion breakdown of the most populous 20 countries in 2010. Based on an example from the tutorial Splitting Charts. Interactions:

  • Hover over the legend to highlight religions.

Data is from The Global Religious Landscape by Pew Research, generated using this processing script.

//<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/lAOgD_udvTw?si=IcgXd8VRMcC2QaGd" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

MIT Licensed

Similar vizzes

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…

data visulalization Scatter Plot

This scatter plot visualizes COVID-19 cases by country, plotting total deaths against total cases. Each circle represents a country, with color encoding the continent, and the plot includes axes, labels, and a legend. The code loads CSV data from a GitHub repository, uses D3 v7 scales and SVG rendering to position the circles, and employs `d3.axisBottom` and `d3.axisLeft` to generate the axes.

Bbudalavijay2001@gmail.com
84% match
Loading thumbnail…

Top 10 most Covid-19 Infected Countries

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.

SSUPERMAN79355
84% match
Loading thumbnail…

ICE-6_11590101

This visualization displays the top 10 countries by total COVID-19 cases as a horizontal bar chart, with country names on the y-axis and case counts on the x-axis. The bars are rendered as SVG rectangles using React and D3 v5, with scales created via `d3.scaleBand` and `d3.scaleLinear`. Data is loaded asynchronously from a CSV file using `d3.csv`, and axes are drawn manually with gridlines and tick labels. The title indicates the chart focuses on the highest COVID-19 case counts among nations.

DDivyasri0310
84% match
Loading thumbnail…

Covid-19 Data Visualization

This visualization displays total COVID-19 case counts for fourteen countries using a bar chart. Each bar’s height and value labels are mapped through d3.scaleBand and d3.scaleLinear, while d3.axisBottom and d3.axisLeft render the axes. Tooltips appear via mouseover events, and the SVG rendering includes a title and case number annotations. The data is embedded in the code as a static array, with cases formatted using the toLocaleString method.

AAbdul Kareem
83% match
Loading thumbnail…

Scatter Plot Covid Project

This animated scatter plot visualizes the relationship between total COVID-19 cases and total vaccinations across countries, using a log-log scale to accommodate the wide data range. Points are color-coded into three categories based on the vaccination-to-case ratio: Low, Medium, and High Vaccine Shots, with an interactive legend that dims non-selected categories on hover. The D3.js visualization reads from a CSV file and uses `scaleLog` for axes, `scaleOrdinal` with `schemeCategory10` for colors, and the `@curran/axis-labels` library for axis annotations.

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

Untitled

This visualization displays a horizontal bar chart of the top 20 countries by COVID-19 case counts, using data from a CSV file loaded via d3.csv. The chart maps country names on a d3.scaleBand y-axis and case numbers on a d3.scaleLinear x-axis, with blue bars and gridlines rendered as SVG elements. The React component fetches the data asynchronously, parses numeric values, and uses d3’s max function to set the x-domain, while y-axis labels and ticks are manually positioned using SVG text and line elements.

Bblikitha
82% match
Loading thumbnail…

2nd visual

This bar chart shows the total COVID-19 cases reported in 2020 for five selected countries: the United States, India, Brazil, Russia, and the United Kingdom. It aggregates data from a CSV file hosted on GitHub, filtering records by year and location, then summing the `total_cases` field per country using `d3.nest()`. The visualization uses `d3.scaleBand` and `d3.scaleLinear` to position bars, with axes rendered via `d3.axisBottom` and `d3.axisLeft`. Interactive tooltips appear on mouseover, displaying the country name and its case count, while the SVG is animated only through these transition-based hover effects.

Jjaideeptripurani12@gmail.com
82% match