Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Country Bubble Chart

Public visualization

D3 Country Bubble Chart

0 stars0🌍 Public
AAnnie Chang
Last edited Apr 14, 2023
Created on Apr 13, 2023

This bubble chart displays each country as a circle scaled by population, with hover tooltips showing the country name and population. Interactive radio buttons switch between grouping modes—combining all bubbles, clustering by continent, positioning at country centers, or sorting by population—and toggle circle fills between continent colors and country flag patterns. The visualization uses d3.forceSimulation with custom force configurations for each grouping, d3.scaleSqrt for radius scaling, and SVG patterns for flag fills. It loads data from a CSV file and animates transitions between the different layouts.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed