Skip to main content
SimilarExport ZIP
100%

activity 6_question

✓ Published1🌍 Public
Aanusha.chilkamarri26@gmail.com
Last edited Apr 6, 2024
Created on Apr 4, 2024
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of activity 6_question

This bubble chart shows the correlation between birthrate, life expectancy, and GDP for 14 countries. The visualization uses animated SVG circles positioned by a linear scale for each axis, with bubble size and color encoding GDP via d3.scaleLinear and d3.scaleOrdinal with interpolateTurbo. A hover tooltip displays each country’s name using D3 event handlers, while a legend explains the GDP scale. The chart is implemented with d3.csv loading, axis generators, and data binding through `join`.

Aanusha.chilkamarri26@gmail.com
93% 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
90% match
Loading thumbnail…

4-Bubble_chart

This bubble chart visualizes the correlation between birthrate, life expectancy, and GDP across fourteen countries, using a D3.js SVG rendering with animated transitions. GDP scales bubble radius, while life expectancy and birthrate map to the x- and y-axes, with colors assigned via a turbo color scale. A tooltip displays each country’s name on hover, and a legend shows GDP values and country color keys. The chart uses D3’s CSV loader and linear scales, with data from the included CSV file.

JJagadeshwar Reddy. Chilakamarri
89% 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
89% 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
89% match
Loading thumbnail…

Activity 8 - Q4.9

This bubble chart visualizes the correlation between life expectancy, population, and GDP per capita for a small set of countries. Each circle's x-axis position encodes life expectancy, its y-axis position encodes population, and its radius and color encode GDP per capita. The visualization uses D3.js (v7) with SVG rendering, and on hover, a tooltip displays the country name. The code applies `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` with an `interpolateTurbo` color scale, and legends for GDP values and country colors. Data comes from the included `bubblechart.csv` file.

SSamir Tarda
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…

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
89% match