Fork of Sruj

100%

✓ Published1🌍 Public

Last edited Oct 20, 2025

Created on Oct 20, 2025

Forked from Sruj

A scatter plot of 156 countries maps life expectancy against GDP per capita, with each dot colored by region and sized by population. The interactive SVG visualization, built with D3.js 7.8.5, uses linear axes with dashed grid lines, a tooltip that appears on hover, and a smooth transition effect that enlarges the dot’s stroke and radius. The chart is embedded in a styled container set against a gradient background, with data drawn from a static JavaScript array.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Sruj 2

This animated scatter plot shows the relationship between GDP per capita and life expectancy for 156 countries, with each dot colored by region and sized by population. The visualization uses D3.js version 7.8.5 to render an SVG chart with smooth hover transitions, axis labels, grid lines, and a tooltip that displays country details. The chart is presented on a gradient background with a clean white card container, emphasizing the global health and economics dataset.

Ssrujana reddy

95% match

Loading thumbnail…

Fork of Bubble chart

This bubble chart visualizes the relationship between GDP, population, and life expectancy for 16 countries using a Cartesian coordinate system. Each circle's x-position corresponds to GDP, y-position to population, and radius to life expectancy, with color distinguishing countries. Built with D3 v7, the visualization uses `d3.scaleLinear()` for axes, `d3.scaleSqrt()` for bubble sizing, and `d3.scaleOrdinal()` for categorical coloring. Interactive hover effects enlarge bubbles and display country labels via `.on('mouseover')` handlers. Data loads from a local CSV file, rendered as SVG with animated transitions on user interaction.

Ssathvik0311@gmail.com

79% match

Loading thumbnail…

Fork of Fork of Fork of Reusable D3 Scatter Plot

This scatter plot displays the relationship between BMI and life expectancy across countries in 2021, with each circle representing a country. The visualization uses d3.csv to load the data, d3.scaleLinear for both axes, and d3.axisBottom and d3.axisLeft to render the scales. Interactive hover effects trigger a tooltip that shows the country name, BMI, and life expectancy values. The chart is rendered as an SVG with animated transitions on circle hover, changing the fill color from steelblue to orange.

Ssravya7136@gmail.com

78% match

Loading thumbnail…

Fork Question4-Bubble chart

This bubble chart visualizes the correlation between GDP per capita, life expectancy, and population-area ratio for 20 countries. Each circle represents a country, with its x-axis position reflecting GDP per capita, y-axis position reflecting life expectancy, and bubble size proportional to population density. The chart uses D3.js v7 with the `scaleLinear` API for axis and bubble scaling, and the `scaleOrdinal` API for color assignment. Interactive tooltips display precise country data on hover, while an SVG-based legend identifies each nation’s color.

Aakhillenkalapally1999@gmail.com

78% match

Loading thumbnail…

Fork of activity 6_question

This bubble chart shows the correlation between birthrate, life expectancy, and GDP for 14 countries. The visualization uses animated SVG circles positioned by a linear scale for each axis, with bubble size and color encoding GDP via d3.scaleLinear and d3.scaleOrdinal with interpolateTurbo. A hover tooltip displays each country’s name using D3 event handlers, while a legend explains the GDP scale. The chart is implemented with d3.csv loading, axis generators, and data binding through `join`.

Aanusha.chilkamarri26@gmail.com

78% match

Loading thumbnail…

Activity6_Q6

This scatterplot displays the relationship between GDP per capita and life expectancy for ten countries, with each point colored by continent. Built with D3.js v7, the visualization uses `d3.csv` to load data, `d3.scaleLinear` for axes, and `d3.scaleOrdinal` with `d3.schemeSet2` for categorical coloring. Hovering over a circle triggers a tooltip showing country name, GDP, and life expectancy. The SVG rendering includes labeled axes and axis ticks generated via `d3.axisBottom` and `d3.axisLeft`.

Llokasaivenkatatammineedi@my.unt.edu

78% match

Loading thumbnail…

fork country

This interactive scatterplot explores global health indicators across countries, plotting health expenditure against life expectancy with each point colored by continent. Users select which attribute appears on each axis via dropdown menus, and hovering over the color legend highlights points from that continent while fading others. Built with React and D3 v5, the visualization uses d3.scaleLinear for axes, d3.scaleOrdinal for color encoding, and renders all marks as SVG circles with opacity transitions. Data is loaded as CSV from a GitHub gist.

Rrushithareddyy

78% match

Loading thumbnail…

Fork of Assignment6_Question4.9

This bubble chart visualizes the relationship between GDP, life expectancy, and population for ten countries. Circles are positioned by GDP on the x-axis and life expectancy on the y-axis, with circle size representing population and color identifying each nation. The code uses D3 v6’s `scaleLinear`, `scaleSqrt`, and `d3.axisBottom`/`axisLeft` APIs, loading data from a local CSV. An SVG legend displays country-color mappings, with axis labels and a title clarifying the quantitative comparisons.

Mmasters200128@gmail.com

77% match