Skip to main content
SimilarExport ZIP
100%

Activity6_Question4

✓ Published0🌍 Public
Ddandudivya98@gmail.com
Last edited Apr 5, 2024
Created on Apr 5, 2024
Forked from Hello VizHub

This interactive bubble chart displays the relationship between fertility rate and life expectancy for ten countries in 2010, with bubble size representing population and color encoding geographical region. Hovering over a bubble reveals a tooltip with the country name, region, and population. The visualization uses D3 v7's `scaleLinear` for axes, `scaleOrdinal` with `schemeCategory10` for regional coloring, and `axisBottom`/`axisLeft` for tick marks, loading data from a local CSV file into an SVG rendered through D3's selection API.

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…

Activity6_Question4

This interactive D3.js bubble chart visualizes fertility rate against life expectancy for ten countries, with bubble size representing population and color distinguishing geographic regions. The visualization uses an SVG-based rendering with d3.scaleLinear for axes and bubble sizing, and d3.scaleOrdinal with interpolated turbo colors for regional categorization. Hovering over any circle triggers a tooltip displaying the region name, implemented through mouse event handlers. The chart includes a size legend and a color-coded category legend. Data is loaded from a CSV file, and the visualization demonstrates animated transitions for tooltip opacity changes.

Ddandudivya98@gmail.com
96% 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
89% match
Loading thumbnail…

Activity6_Q4

This interactive bubble chart visualizes the relationship between GDP, life expectancy, and population for ten countries. The x-axis represents GDP in trillions of USD, the y-axis shows life expectancy in years, and the circle size encodes population using a square-root scale. Each bubble is colored according to a categorical variable from the CSV data. The visualization is built with D3.js v6, using `d3.scaleLinear` for the axes, `d3.scaleSqrt` for bubble sizes, and SVG rendering with axes labeled directly.

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

activity 6_question

This interactive bubble chart visualizes the correlation between birth rate, life expectancy, and GDP for fourteen countries. Each bubble's position encodes life expectancy (x-axis) and birth rate (y-axis), while its size reflects GDP and its color categorizes the country. Hovering over a bubble reveals its name. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` for color mapping, and `d3.cs` to load the `bubblechart.csv` data. A legend clarifies the GDP scale, and a tooltip appears on mouseover.

Aanusha.chilkamarri26@gmail.com
86% match
Loading thumbnail…

Activity6_Question4

This D3.js v7 bubble chart visualizes the relationship between GDP per capita, life expectancy, and population for countries in 2007, with bubbles positioned by GDP (on a log scale) and life expectancy, while bubble size encodes population. The chart uses `d3.scaleLog`, `d3.scaleSqrt`, and `d3.scaleOrdinal` to map data attributes, and renders in SVG with hover tooltips built via `d3.select` and the `.join` operator. Data is loaded from a CSV file containing country-level indicators, and the visualization includes legends for bubble size and continent color coding.

Mmaneeshraja47@gmail.com
85% match
Loading thumbnail…

Activity-6-Q9

This bubble chart visualizes the relationship between GDP (x-axis), population (y-axis), and life expectancy (bubble size and color) for 15 countries. Data is loaded from a CSV file via `d3.csv`, and circles are positioned with `d3.scaleLinear` scales. Interactive tooltips appear on mouseover events. A legend at the right encodes life expectancy values using circle radii. The SVG rendering includes axis labels and a title, with styling applied through CSS classes.

Kkotasc18@gmail.com
85% 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
85% match