Skip to main content
SimilarExport ZIP
100%

VIZPROJECT

✓ Published3🌍 Public
Jjarethodges@gmail.com
Last edited Apr 23, 2024
Created on Apr 12, 2024

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.

AI-generated description
MIT Licensed

Similar vizzes

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
98% match
Loading thumbnail…

1st

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.

Jjaideeptripurani12@gmail.com
84% match
Loading thumbnail…

Project Task 3

A bubble chart plots the first 30 countries from a CSV dataset, comparing COVID-19 total cases per million on the x-axis against population density on the y-axis. The circle sizes encode consumption values, and color distinguishes each country via d3.scaleOrdinal with d3.schemeCategory10. Interactive tooltips display exact values on mouseover. The visualization uses D3 v7 (d3.csv, d3.axisBottom, d3.axisLeft) with SVG rendering, filtering out countries with population density over 1000.

Cchandrikachowdary867@gmail.com
82% match
Loading thumbnail…

data visualization bubble chart

This example visualizes COVID-19 cases, deaths, and population across countries using a bubble chart. Each bubble’s position maps total cases on the x-axis and total deaths on the y-axis, while bubble radius encodes population via a square-root scale. The chart is rendered in SVG using D3 v7, with linear scales, axis generators, and a legend showing population magnitude. Data is loaded asynchronously from a remote CSV file using `d3.csv`.

Bbudalavijay2001@gmail.com
81% match
Loading thumbnail…

VIZPROJECT_p2

A bar chart displays new COVID-19 cases by country, sorted descending and colored by continent using a D3 ordinal color scale. The visualization loads sunburst.csv, parsing the new_cases field as a number, and renders SVG rectangles with the d3.csv, scaleBand, and scaleLinear APIs. Hovering over a bar triggers a styled tooltip showing the country name and case count via d3 transitions.

Jjarethodges@gmail.com
81% match
Loading thumbnail…

Task 3

This bubble chart explores the relationship among three variables for 30 countries: oil consumption (represented by bubble area), total COVID-19 cases per million (x-axis), and population density (y-axis). It uses a filtered subset of a CSV dataset, limiting to densities under 1000. Built with D3 v7, the visualization employs `d3.scaleLinear` for axes, `d3.scaleSqrt` for radius scaling, and `d3.scaleOrdinal` for color. Interactive tooltips appear on mouseover, revealing exact values.

VVinish Reddy Kamireddy
80% match
Loading thumbnail…

Fork of Bubble chart

This bubble chart visualizes the relationship between GDP, population, and life expectancy for 16 countries using a Cartesian coordinate system. Each circle's x-position corresponds to GDP, y-position to population, and radius to life expectancy, with color distinguishing countries. Built with D3 v7, the visualization uses `d3.scaleLinear()` for axes, `d3.scaleSqrt()` for bubble sizing, and `d3.scaleOrdinal()` for categorical coloring. Interactive hover effects enlarge bubbles and display country labels via `.on('mouseover')` handlers. Data loads from a local CSV file, rendered as SVG with animated transitions on user interaction.

Ssathvik0311@gmail.com
79% match
Loading thumbnail…

Activity6_Ques4

This bubble chart visualizes the correlation between GDP per capita, life expectancy, and population area ratio across 20 countries. Each circle’s position encodes GDP per capita (x-axis) and life expectancy (y-axis), while its radius represents population density. The visualization uses D3 v7 with SVG rendering and interactive tooltips that display country-specific values on hover. A categorical color scale distinguishes countries, paired with a legend. The chart reads data from a CSV file and animates tooltip transitions, with circle opacity increasing on mouseover for enhanced readability.

Rrakesh.kavuru@outlook.com
79% match