Skip to main content
SimilarExport ZIP
100%

Activty6_Question4_9

✓ Published0🌍 Public
Ssriharshithaanugu5@gmail.com
Last edited Mar 30, 2025
Created on Mar 30, 2025
Forked from Hello VizHub

This bubble chart visualizes the relationship between population, land area, and GDP for ten countries. Population is plotted on a logarithmic x-axis, area on a linear y-axis, and GDP determines bubble size, with color distinguishing each nation. The D3.js v7 code uses `scaleLog`, `scaleLinear`, and `scaleSqrt` for encoding. Interactive tooltips appear on mouseover, and a legend indicates GDP values for bubble sizes. Data comes from a CSV file, rendered as SVG with hover animations.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity_6_Question 4

A bubble chart visualizes the correlation between population, area, and GDP for various countries. Each circle's x-axis position maps to population, its y-axis to GDP, and its radius to area, with color encoding the country. Interactive tooltips display the exact values for each country on hover. The visualization uses D3.js v7 with linear scales for all axes, an ordinal color scale for countries, and SVG for rendering. It also includes a legend for both area sizes and country colors, with hover effects increasing bubble opacity and stroke width.

HHarsha vardhan reddy Yarmareddy
91% match
Loading thumbnail…

Activity6_q4

This bubble chart visualizes the relationship between GDP (x-axis) and population (y-axis) for six countries, with circle area encoding land area and color distinguishing each country. Built with D3.js v7, it uses `d3.scaleLinear` for the axes, `d3.scaleSqrt` for bubble sizing, and `d3.scaleOrdinal` with the Tableau10 scheme for colors. Tooltips generated via SVG `<title>` elements display each country’s exact values. The data is loaded from a local CSV file using `d3.csv`.

Vvidyagangasani@my.unt.edu
91% match
Loading thumbnail…

Activity6_Question4

This bubble chart shows the relationship between GDP and population for 20 global cities, with circle size encoding land area and color distinguishing cities. The visualization uses D3 v6 with SVG rendering, employing `d3.scaleLinear` for the x and y axes, `d3.scaleSqrt` for bubble radius, and `d3.scaleOrdinal` with `schemeCategory10` for color assignment. Interactive hover tooltips display city-specific population and GDP values, while axis labels identify the quantitative variables from the expanded_city_bubble_chart_dataset.csv file.

Ssaishruthik2361@gmail.com
89% match
Loading thumbnail…

Activity6_Question4

This D3.js v7 bubble chart visualizes the relationship between GDP per capita, life expectancy, and population for countries in 2007, with bubbles positioned by GDP (on a log scale) and life expectancy, while bubble size encodes population. The chart uses `d3.scaleLog`, `d3.scaleSqrt`, and `d3.scaleOrdinal` to map data attributes, and renders in SVG with hover tooltips built via `d3.select` and the `.join` operator. Data is loaded from a CSV file containing country-level indicators, and the visualization includes legends for bubble size and continent color coding.

Mmaneeshraja47@gmail.com
89% match
Loading thumbnail…

Activity6_Question 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.

Nnikhilthoutu24@gmail.com
88% 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
88% match
Loading thumbnail…

activity6 question9

This visualization shows the correlation between population and GDP across several countries from 1970 to 1974, with each bubble representing a country-year pair. The x-axis maps population in millions, the y-axis maps GDP in billion USD, while bubble radius encodes the year and color distinguishes countries. Users can hover over any bubble to see its exact country, year, population, and GDP values via a custom tooltip. The code uses d3.csv to load the data, d3.scaleLinear for axes and size scaling, d3.scaleOrdinal with d3.schemeTableau10 for colors, and includes legends for both the year-driven bubble sizes and country colors.

Ggketan456@gmail.com
88% match
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
87% match