Skip to main content
SimilarExport ZIP
100%

Activity6_Q4

✓ Published1🌍 Public
Tthakurnikhitha4@gmail.com
Last edited Apr 11, 2024
Created on Apr 10, 2024
Forked from Activity6_T4

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.

AI-generated description
MIT Licensed

Similar vizzes

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

Activity-6-Q9

This bubble chart visualizes the relationship between GDP (x-axis), population (y-axis), and life expectancy (bubble size and color) for 15 countries. Data is loaded from a CSV file via `d3.csv`, and circles are positioned with `d3.scaleLinear` scales. Interactive tooltips appear on mouseover events. A legend at the right encodes life expectancy values using circle radii. The SVG rendering includes axis labels and a title, with styling applied through CSS classes.

Kkotasc18@gmail.com
92% match
Loading thumbnail…

Activity6_Task4_Q4

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 all values drawn from the included `bubblechart.csv` file. Hovering highlights a circle with a black stroke. The chart is built using D3 v7, employing `d3.scaleLinear` for axes and radius encoding, rendered as SVG circles, with axis labels generated via `d3.axisBottom` and `d3.axisLeft`.

PPradhyumna Poralla
92% 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
91% 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
91% 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
91% match
Loading thumbnail…

Activity6_Task4

This bubble chart shows the relationship between GDP per capita, life expectancy, and population for ten countries, with circle size encoding population and position encoding the economic and health metrics. The visualization uses D3.js v7 with SVG rendering, employing d3.scaleLinear for the x and y axes and d3.scaleSqrt for the radius scale. Data from countries_data.csv is loaded via d3.csv. Hovering over a bubble increases its opacity, while country labels appear inside each circle. Axis labels for GDP and life expectancy are added using d3.axisBottom and d3.axisLeft.

Ggangireddyarunkumar5@gmail.com
91% match