Skip to main content
SimilarExport ZIP
100%

Activity 6.task 4

✓ Published0🌍 Public
Ssanavenkatasurendrareddy@gmail.com
Last edited Apr 12, 2024
Created on Apr 12, 2024
Forked from fork

This bubble chart visualizes the inflation rate, GDP, and growth rate for a set of countries. Each circle represents a country, positioned by its inflation rate on the x-axis and average GDP on the y-axis, while the circle’s radius encodes the growth rate. The color mapping uses a categorical scale with an interpolated Turbo palette to distinguish countries, and a legend identifies each one. This D3.js v7 SVG graphic includes a tooltip that displays the country name on hover, with the data read from a local `bubblechart.csv` file.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

activity6_task4

This animated bubble chart visualizes the relationship between inflation rate, average GDP, and growth rate across twenty-six countries, with bubble size encoding growth rate and color distinguishing each nation. The D3 v7 code uses `d3.scaleLinear` for positioning and sizing, `d3.scaleOrdinal` with `d3.interpolateTurbo` for color assignment, and builds the SVG with circles, axes, and a legend. A custom tooltip appears on mouseover, showing each country's name. Data is loaded from a CSV file using `d3.csv`.

Vvidiyalasahithi1999@gmail.com
92% match
Loading thumbnail…

Activity 6 Question 4

This bubble chart compares economic indicators for 20 countries, plotting GDP growth on the x-axis and unemployment on the y-axis, while using circle radius to represent inflation rate. The visualization uses d3.csv to load local CSV data and d3.scaleLinear for all three axes and bubble sizing. Hovering over a bubble displays a tooltip with the country’s exact values. The chart renders as an SVG with axis labels, a title, and styled circles, using D3 v7 event handlers for mouse interactions.

Nnarasimhacharyulu010@gmail.com
87% match
Loading thumbnail…

Activity 6.task2

This visualization shows the distribution of GDP growth rates across six countries, with each horizontal bar broken into stacked segments representing five growth-rate categories. The code uses D3 v7’s `d3.stack()`, `d3.scaleOrdinal()`, `d3.scaleBand()`, and `d3.scaleLinear()` to render the chart as SVG. Hovering over a segment triggers a tooltip displaying the exact percentage for that country and category. Data is loaded from a CSV file with country and growth-rate columns.

Ssanavenkatasurendrareddy@gmail.com
85% match
Loading thumbnail…

activity_6_q4

This animated bubble chart visualizes the relationship between GDP, inflation, and unemployment across 20 countries. Each circle’s position encodes GDP and inflation rate, while its radius represents unemployment, and color distinguishes countries. Built with D3.js v7, it renders in SVG and includes interactive tooltips that appear on mouseover to show the country name. A legend maps circle sizes to unemployment values, and the chart uses d3.csv to load the data and d3.scaleLinear for axes and sizing.

Ssairam.amaraneni22@gmail.com
84% 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
84% match
Loading thumbnail…

Activity 6 task 4

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 country labels and hover highlighting. The SVG chart uses D3 v7 with `scaleLinear`, `d3.csv`, and `axisBottom`/`axisLeft`, reading data from an embedded CSV file. The code styles circles with the `.bubble` class and applies opacity changes on mouseover and mouseout events.

RRishabh Sharma
82% 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
82% match
Loading thumbnail…

Activity 6 Question 4

A bubble chart visualizes the relationship between GDP per capita on the x-axis, GDP on the y-axis, and population as the circle’s radius for 20 countries. Each bubble is colored by continent using a d3.scaleOrdinal with the d3.schemeCategory10 palette. The code employs d3.scaleLinear for both axes and d3.scaleSqrt for the radius. SVG rendering displays the circles with a predefined margin and stroke, with data embedded directly in the script.

Nnarasimhacharyulu010@gmail.com
82% match