Skip to main content
SimilarExport ZIP
100%

Activity 6 Question 4

✓ Published1🌍 Public
Nnarasimhacharyulu010@gmail.com
Last edited Apr 5, 2024
Created on Apr 1, 2024
Forked from Hello VizHub

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.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

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
89% 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
87% 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
87% match
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
87% 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
86% match
Loading thumbnail…

act 6.4

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.

VVenkataSatyaRamKamini@my.unt.edu
85% 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
85% 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