Skip to main content
SimilarExport ZIP
100%

Activity6_Q4

✓ Published0🌍 Public
Aaashrithas2000@gmail.com
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from Activity6_T4

This bubble chart shows the correlation between country populations in 2000, 2010, and 2020, with the x-axis, y-axis, and bubble size each representing one of those years. The code uses d3.csv to load population data, d3.scaleLinear for axes and bubble sizing, and d3.scaleOrdinal with d3.interpolateTurbo for coloring by country. Animated hover interactions reveal tooltips showing the country name, while a legend explains the 2020 population scale.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Q4

This bubble chart shows the five most populous countries in 2020, comparing their populations in 2016 against 2020 on the x- and y-axes. Bubble size encodes population growth between those years, with color distinguishing each country and labels identifying them. The visualization uses d3.csv parsing with delimiter detection, d3.scaleLinear for both axes, d3.scaleSqrt for bubble radius, and d3.scaleOrdinal with Tableau10 colors. Hovering reveals a tooltip with exact values, rendered via SVG and D3 v7.

GGunna,Praneeth Reddy
87% match
Loading thumbnail…

Fork of Activity6_Question4

This bubble chart displays the correlation between population, urban population, and median age for several countries across different years, with bubble size encoding median age and color distinguishing the year. A tooltip appears on mouseover, showing country, year, population, and urban population. The visualization is built with D3 v7, using `d3.csv` for data loading, `d3.scaleLinear` for axes and bubble sizing, and `d3.scaleOrdinal` with `d3.schemeCategory10` for year colors, all rendered as SVG circles with interactive event handlers.

Ssaimanvith22@gmail.com
85% match
Loading thumbnail…

Activity6_q4

A bubble chart visualizes fertility, life expectancy, and population size for countries, using circle position for the first two variables and radius for population. The chart includes a color-coded legend by country and interactive tooltips that display the country name on hover. Built with D3 v7, it loads CSV data, renders SVG circles, and uses D3 scales for axes, bubble size, and ordinal color mapping with the interpolateTurbo color scheme.

Cchinnivikramnunna@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
83% match
Loading thumbnail…

Activity6_Q1.2

This D3.js v7 bar chart visualizes the population of 20 countries for the year 2000, sorted along a linear x-axis scale. Each country is represented by a light green rectangle, with its length proportional to population, using `d3.scaleLinear` and `d3.scaleBand` for positioning. The chart renders as an SVG, with axes annotated via `d3.axisBottom` and `d3.axisLeft`, including tick labels formatted to show millions and billions. Population data is fetched asynchronously from a CSV file using `d3.csv`.

Ddabbararakshitha@gmail.com
82% match
Loading thumbnail…

Activity6 Q1

This visualization displays the population of 10 countries in the year 2000 as a bar chart using D3 v7. The chart loads CSV data from a GitHub repository, filters for the year 2000, and takes the first 10 records. It uses d3.scaleBand for the categorical x-axis, d3.scaleLinear for the population y-axis, and renders steelblue bars in an SVG container. The code includes rotated x-axis labels and axis titles for Country and Population.

Kkamalini.ponnuru11@gmail.com
82% match
Loading thumbnail…

activity6 question9

This visualization shows the correlation between population and GDP across several countries from 1970 to 1974, with each bubble representing a country-year pair. The x-axis maps population in millions, the y-axis maps GDP in billion USD, while bubble radius encodes the year and color distinguishes countries. Users can hover over any bubble to see its exact country, year, population, and GDP values via a custom tooltip. The code uses d3.csv to load the data, d3.scaleLinear for axes and size scaling, d3.scaleOrdinal with d3.schemeTableau10 for colors, and includes legends for both the year-driven bubble sizes and country colors.

Ggketan456@gmail.com
82% match
Loading thumbnail…

Activity6_q4

This bubble chart visualizes the relationship between GDP (x-axis) and population (y-axis) for six countries, with circle area encoding land area and color distinguishing each country. Built with D3.js v7, it uses `d3.scaleLinear` for the axes, `d3.scaleSqrt` for bubble sizing, and `d3.scaleOrdinal` with the Tableau10 scheme for colors. Tooltips generated via SVG `<title>` elements display each country’s exact values. The data is loaded from a local CSV file using `d3.csv`.

Vvidyagangasani@my.unt.edu
82% match