Fork of task-4

100%

Fork of task-4

✓ Published1🌍 Public

LLakshmiPrasannaValdas@my.unt.edu

Last edited Apr 16, 2024

Created on Apr 16, 2024

Forked from task-2

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of q4

This chart displays the relationship between a country's GDP, social support, and its happiness score. Each bubble represents a country, positioned along the x-axis for GDP and the y-axis for social support, while its size corresponds to the happiness score. Hovering over a bubble reveals the country's name via a tooltip. The visualization uses D3.js (v7) with an SVG rendering and a color-coded legend to differentiate countries. Data is loaded from a CSV file, mapping each country to a distinct color from the interpolateTurbo scale.

LLakshmiPrasannaValdas@my.unt.edu

91% match

Loading thumbnail…

Activity6_task4

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.

Vvidyagangasani@my.unt.edu

89% match

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

87% match

Loading thumbnail…

Fork of q91011

This bubble chart displays the correlation between GDP per Capita and Happiness Score across 20 countries, with bubble size encoding population. Built with D3.js v7, it uses `d3.scaleLinear` for the x and y axes, and for the bubble radius scale. The visualization is rendered as SVG with a custom tooltip that appears on mouseover, showing country-specific details. Data is loaded from a CSV file using `d3.csv`, and includes a legend in the upper right indicating population size ranges.

Kkaushikreddy901@gmail.com

87% match

Loading thumbnail…

q91011

This bubble chart visualizes the correlation between GDP per capita and happiness scores for 20 countries, with bubble radius scaled to population size. Built with D3.js v7 and rendered as SVG, it plots points using linear scales for both axes. The chart includes an interactive tooltip that appears on hover, showing detailed data for each country, and features a legend indicating population size ranges. The data is loaded from a CSV file and processed using D3's `d3.csv` method.

Ppavanpkkalyan3@gmail.com

84% match

Loading thumbnail…

Fork Question4-Bubble chart

This bubble chart visualizes the correlation between GDP per capita, life expectancy, and population-area ratio for 20 countries. Each circle represents a country, with its x-axis position reflecting GDP per capita, y-axis position reflecting life expectancy, and bubble size proportional to population density. The chart uses D3.js v7 with the `scaleLinear` API for axis and bubble scaling, and the `scaleOrdinal` API for color assignment. Interactive tooltips display precise country data on hover, while an SVG-based legend identifies each nation’s color.

Aakhillenkalapally1999@gmail.com

83% 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

83% match

Loading thumbnail…

Tutorial 4.

A bubble chart visualizes the correlation between GDP per capita, happiness score, and population for ten countries. Each circle’s position encodes economic output and subjective well-being, while its radius represents population size. The visualization includes axes, labels, a legend for population magnitudes, and interactive tooltips that display exact values on hover. It uses D3 v7 with SVG rendering, loading data from a CSV file and applying linear scales for position and bubble sizing.

KKritin Kesav

82% match