Skip to main content
SimilarExport ZIP
100%

Activity6_tutorial3

✓ Published2🌍 Public
Cchandrikachowdary867@gmail.com
Last edited Apr 14, 2024
Created on Apr 14, 2024

This interactive scatter plot visualizes the relationship between GDP per capita and life expectancy, with each circle representing a country and color encoding the country’s identity. Built with D3 v7, it loads a gapminder CSV, uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.schemeCategory10` for coloring, and renders axes via `d3.axisBottom` and `d3.axisLeft`. The SVG is sized at 800×600 pixels, with circles plotted using `xScale` and `yScale` mappings.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Q3

This scatter plot shows the relationship between GDP per capita (in billions) and life expectancy for countries in 2015, sourced from a GitHub-hosted GDP dataset. It uses d3.csv to load the data, scales the GDP axis logarithmically via d3.scaleLog, and colors points using d3.scaleOrdinal with d3.schemeCategory10. SVG circles are rendered with D3's data join, and hover interactions display a tooltip showing country name, GDP, and life expectancy. The axes are labeled using d3.axisBottom and d3.axisLeft.

VVidya Lakshmi Chitturi
88% match
Loading thumbnail…

Activity test

This bubble chart visualizes the correlation between average life expectancy, population, and GDP per capita for six countries using a CSV dataset. Each circle’s position maps to life expectancy and population on the x and y axes, while its radius encodes GDP per capita and its color distinguishes countries via a `d3.scaleOrdinal` with interpolated turbo colors. Interactive tooltips appear on hover using mouse events. A legend includes size reference circles and color swatches, all rendered with SVG in D3 v7.

SSamir Tarda
84% 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
84% 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
84% match
Loading thumbnail…

Activity-6 Q-6

This scatter plot displays the relationship between GDP and life expectancy for ten countries, with each country represented by a distinct symbol. The visualization uses D3.js scales and axes to map GDP on the x-axis and life expectancy on the y-axis, while a shape legend identifies individual countries. The plot loads data from a local CSV file containing GDP and life expectancy values, and renders symbols using d3.symbol with the symbolsFill range. The legend is generated through a custom shapeLegend function that iterates over the country domain.

KKavyaEti
84% 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
83% match
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
83% 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
83% match