Skip to main content
SimilarExport ZIP
100%

1st

✓ Published0🌍 Public
Jjaideeptripurani12@gmail.com
Last edited Apr 28, 2024
Created on Apr 28, 2024
Forked from question 2

This interactive scatter plot shows the relationship between COVID-19 total cases and GDP per capita for five selected countries: the United States, India, Brazil, the United Kingdom, and Japan. The D3.js v7 visualization loads data from a remote CSV file, scales the axes linearly, and renders orange circles for each country. Hovering over a circle triggers a tooltip displaying the specific country’s name, GDP per capita, and total cases. The chart uses standard D3 APIs including `d3.csv`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` to create the SVG-based visualization.

AI-generated description

A demonstration of reusable scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

VIZPROJECT

This bubble chart visualizes the relationship between new COVID-19 cases, population density, and GDP per capita across countries. Each circle’s position encodes the first two variables, while its radius scales with GDP, and color distinguishes nations. The visualization uses a D3 v7 CSV load, linear scales for axes, a square-root scale for bubble size, and an ordinal color scheme. Interactive tooltips appear on mouseover, displaying exact values per country.

Jjarethodges@gmail.com
84% match
Loading thumbnail…

VIZPROJECT_i2

This bubble chart visualizes the relationship between new COVID-19 cases, population density, and GDP per capita across multiple countries. Each circle represents a country, positioned along the x-axis by new cases and the y-axis by population density, with circle size encoding GDP per capita. Color distinguishes individual locations. The visualization uses D3 v7’s `scaleLinear`, `scaleSqrt`, and `scaleOrdinal` to map data dimensions, and an SVG-based tooltip displays detailed values on hover. Data is loaded from a CSV file, and the chart is rendered entirely with SVG elements.

Jjarethodges@gmail.com
84% match
Loading thumbnail…

2nd

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. The visualization uses d3.csv to load a remote dataset, then d3.nest and d3.sum rollup to aggregate total cases per country. SVG rectangles are scaled with d3.scaleBand and d3.scaleLinear, while d3.axisBottom and d3.axisLeft render axes. Interactive tooltips appear on mouseover via D3 transitions, and rotated x-axis labels improve readability of the country names.

Jjaideeptripurani12@gmail.com
83% 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
81% 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
80% match
Loading thumbnail…

Basic Scatter Plot

This scatter plot shows the relationship between GDP per capita and year for seven selected countries—China, the United States, India, Japan, Russia, Brazil, and France—between 1990 and 2014. Each circle represents a country-year observation, colored by country, with axis labels and a color legend. The visualization uses D3 v4’s scaleLinear, axisBottom, axisLeft, and legendColor APIs, rendering SVG circles. Data comes from Our World in Data, filtered from a CSV file containing internet usage, GDP, and population metrics.

QQ-Zhao
80% 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
80% 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
79% match