Skip to main content
SimilarExport ZIP
100%

Activity6_Question 4

✓ Published1🌍 Public
Nnikhilthoutu24@gmail.com
Last edited Apr 5, 2025
Created on Apr 4, 2025
Forked from Activity6_Task - 4

This D3.js bubble chart visualizes the correlation between GDP per capita, life expectancy, and population for 25 countries. The x-axis represents GDP in USD, the y-axis shows life expectancy in years, while bubble size encodes population in millions, and color distinguishes each country. The visualization uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` for color assignment, and `d3.axisBottom` and `d3.axisLeft` for tick marks. Interactive tooltips appear on mouseover, displaying detailed country data, implemented with SVG `circle` elements and HTML div overlays. A legend with sample circles and labels explains the population scale.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity-6_Question-4

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 on the x-axis and life expectancy on the y-axis, while its size reflects population density. The code uses d3.csv to load data, d3.scaleLinear for axes and bubble sizing, and d3.scaleOrdinal with schemeCategory10 for country colors. Interactive tooltips appear on mouseover, and a legend is built with SVG circles and text labels.

RRISHIK KURIKELLY
93% match
Loading thumbnail…

Activity-6_Question4

This bubble chart shows the correlation between GDP per capita, life expectancy, and population area ratio across 20 countries. Each circle’s position encodes GDP and life expectancy, while its size represents population density, with color distinguishing nations. A tooltip reveals exact values on hover. Built with D3 v7, it uses `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and SVG circles with mouse event handlers for interactivity. Data comes from `bubblechart.csv`, rendered with standard SVG elements and a categorical legend.

RRISHIK KURIKELLY
93% match
Loading thumbnail…

Activity-6_Question-4.9

This D3.js bubble chart plots 50 countries by GDP per capita on the x‑axis and life expectancy on the y‑axis. Each circle’s area is proportional to population, and color encodes geographic region. Hovering highlights a bubble and shows a tooltip with exact country statistics. The visualization uses `d3.scaleLinear` for axes, `d3.scaleSqrt` for bubble radius, `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and SVG for rendering.

Mmalisettisaisumanth@gmail.com
93% match
Loading thumbnail…

Activity6_Task4_Qus4

This bubble chart visualizes the correlation between GDP per capita, population, and life expectancy across ten countries using D3 v7’s `d3.csv`, `d3.scaleLinear`, and `d3.scaleOrdinal` APIs. Bubbles are positioned by GDP (x-axis) and life expectancy (y-axis), with radius encoding population and color assigned per country. Animated SVG circles support interactive tooltips on mouseover and mouseleave events, revealing detailed numeric values for each nation. The visualization reads from the included `countries.csv` dataset and renders entirely in the browser via SVG.

Aamarnadhkari98@gmail.com
93% match
Loading thumbnail…

Activity6_Qs4

A D3.js bubble chart maps GDP and life expectancy for ten countries, with circle size encoding population. The visualization uses `d3.scaleLinear` for the x- and y-axes, `d3.scaleSqrt` for the radius mapping, and SVG circles filled with country-specific colors from the CSV data. Axis labels, a title, and a legend identify the plotted values.

Tthakurnikhitha4@gmail.com
91% match
Loading thumbnail…

Activity6_Q4

This interactive bubble chart visualizes the relationship between GDP, life expectancy, and population for ten countries. The x-axis represents GDP in trillions of USD, the y-axis shows life expectancy in years, and the circle size encodes population using a square-root scale. Each bubble is colored according to a categorical variable from the CSV data. The visualization is built with D3.js v6, using `d3.scaleLinear` for the axes, `d3.scaleSqrt` for bubble sizes, and SVG rendering with axes labeled directly.

Tthakurnikhitha4@gmail.com
91% match
Loading thumbnail…

Activity_6_Q9

This bubble chart visualizes the relationship between population, GDP, and life expectancy for 15 countries, with each country represented by a colored circle. The x-axis shows GDP in USD, the y-axis shows population, and bubble size encodes life expectancy. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and includes interactive tooltips on mouseover. SVG circles are rendered with animation-ready styling, and a legend illustrates life expectancy values.

Ppradeepgubbala2001@gmail.com
91% match
Loading thumbnail…

activity 6_question

This interactive bubble chart visualizes the correlation between birth rate, life expectancy, and GDP for fourteen countries. Each bubble's position encodes life expectancy (x-axis) and birth rate (y-axis), while its size reflects GDP and its color categorizes the country. Hovering over a bubble reveals its name. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` for color mapping, and `d3.cs` to load the `bubblechart.csv` data. A legend clarifies the GDP scale, and a tooltip appears on mouseover.

Aanusha.chilkamarri26@gmail.com
90% match