Skip to main content
SimilarExport ZIP
100%

Activity6_task4

✓ Published0🌍 Public
Vvidyagangasani@my.unt.edu
Last edited Apr 6, 2025
Created on Apr 6, 2025
Forked from Hello VizHub

This interactive bubble chart visualizes the relationship between happiness scores, GDP per capita, and life expectancy across 30 countries, with bubble size encoding life expectancy and color distinguishing seven global regions. The visualization uses d3.v7 to implement SVG rendering, including scaleOrdinal for regional color mapping, scaleSqrt for bubble sizing, and scaleLinear axes for GDP and happiness dimensions. A tooltip reveals detailed country metrics—including social support, freedom, generosity, and corruption—on hover. The chart reads from a static CSV dataset and employs transition methods to animate tooltip opacity and bubble styling during mouse interactions.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity_6_Task4

A bubble chart maps happiness score against GDP per capita, with circle size encoding life expectancy across 30 countries. Regions are distinguished by color, and hovering reveals detailed country metrics in a tooltip. The visualization is built with D3 v7, using `d3.scaleOrdinal` with `schemeTableau10`, `d3.scaleSqrt` for bubble sizing, and linear scales for both axes. Data comes from a CSV file loaded via `d3.csv`, rendered as SVG elements with animated hover transitions.

Ddineshnimmagadda1@gmail.com
94% match
Loading thumbnail…

activity7_task4

This bubble chart compares GDP per capita with life expectancy for countries worldwide, where each circle’s size reflects population and its color denotes continent. Hovering over a bubble reveals a tooltip with the country name, while focusing on a continent dims all other bubbles to highlight that group. The visualization uses d3.v4 with SVG rendering, d3-scale-chromatic for color schemes, and interactive CSS transitions for hover effects. Data is loaded from a remote CSV file, and scales are defined using d3.scaleLinear and d3.scaleSqrt.

AArungopal Andalam
90% 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
90% match
Loading thumbnail…

Fork of task-4

This bubble chart visualizes the relationship between GDP, social support, and happiness scores across countries. Each circle represents a country, with its x-position indicating GDP, y-position indicating social support, and radius scaled by happiness score. The visualization uses D3.js v7’s `scaleLinear` for axes and bubble sizing, along with `scaleOrdinal` and `interpolateTurbo` for country-based coloring. Interactive tooltips appear on mouseover, showing the country name. The chart includes a legend for happiness scores and a color-coded list of countries, with SVG rendering.

LLakshmiPrasannaValdas@my.unt.edu
89% match
Loading thumbnail…

Activity6_Task4

This visualization shows the relationship between GDP per capita, life expectancy, and population for ten countries. Each bubble’s x and y positions represent GDP and life expectancy, while the bubble radius encodes population size, with a categorical color scale distinguishing countries. Using D3 v7, the code loads data from a CSV file, scales values with `d3.scaleLinear`, renders SVG circles, and adds interactive tooltips that display country-specific details on mouseover. Axis labels and a title clarify the chart’s context, and the animation of tooltip transitions enhances user exploration.

Aamarnadhkari98@gmail.com
89% match
Loading thumbnail…

Activity 6 task 4

This bubble chart visualizes the relationship between GDP, population, and life expectancy for 14 countries. Each circle’s x-position maps to GDP, y-position to population, and radius to life expectancy, with country labels and hover highlighting. The SVG chart uses D3 v7 with `scaleLinear`, `d3.csv`, and `axisBottom`/`axisLeft`, reading data from an embedded CSV file. The code styles circles with the `.bubble` class and applies opacity changes on mouseover and mouseout events.

RRishabh Sharma
88% match
Loading thumbnail…

Activity_Task_4

This bubble chart maps GDP against life expectancy for various countries, with bubble size reflecting population and color indicating country. The visualization uses D3 v6 to render an SVG, employing `d3.scaleLinear` for both axes and `d3.scaleSqrt` for bubble radii. Data is loaded from a CSV file via `d3.csv`, which also populates a manual legend. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, and all chart elements—including the title and axis labels—are appended as SVG elements.

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