Skip to main content
SimilarExport ZIP
100%

act 6.4

✓ Published0🌍 Public
VVenkataSatyaRamKamini@my.unt.edu
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Bubble chart

A bubble chart displays economic indicators for 15 countries, plotting GDP growth against investment as a percentage of GDP, with circle size encoding inflation rates. Built with D3.js, the visualization loads data from a CSV file using `d3.csv`, then uses `scaleLinear` for the x, y, and radius scales. Circles are appended to an SVG container with country labels positioned above each point, styled with steelblue fill and opacity.

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

activity6 task4

This bubble chart visualizes the relationship between inflation rate, GDP, and growth rate across multiple countries. It uses D3.js v7’s `scaleLinear` for axis and bubble-size mapping, with `interpolateTurbo` defining a categorical color scale for countries. Hovering reveals country names via a custom tooltip. The SVG renders circles sized by growth rate, with a legend and axis labels, driven by data from a CSV file.

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

Activity 6.task 4

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.

Ssanavenkatasurendrareddy@gmail.com
83% 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
83% match
Loading thumbnail…

activity6 task4

This bubble chart visualizes the relationship between a country's GDP growth, inflation, and growth rate, with each bubble's position on the x-axis representing inflation and the y-axis representing GDP, while the bubble size encodes growth rate. The chart uses color to distinguish countries, with a legend on the right side. Built with d3.v7, the visualization loads data from a CSV file and renders as an SVG. Interactive tooltips display the country name when hovering over a bubble, implemented using d3's selection and event-handling API.

Ssiri2001j@gmail.com
82% match
Loading thumbnail…

Act 6.2

A stacked horizontal bar chart compares GDP growth distributions across fourteen countries, with each bar divided into five percentage-range categories. Built with D3 v7, the visualization maps country names to the y-axis using `d3.scaleBand`, GDP percentage ranges to x-axis positions via `d3.scaleLinear`, and color-codes segments by category using `d3.scaleOrdinal`. Data from `data.csv` is loaded and transformed through `d3.stack`, while interactive hover effects display precise GDP percentage values via a tooltip. The SVG output includes labeled axes and a legend, with styling provided by external fonts and CSS.

VVenkataSatyaRamKamini@my.unt.edu
82% match