Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Project | Primary Balance | Part 1 | Chloro-new

Public visualization

Viewing a saved revision (read-only)

e89578dabf584030a8e371a74c83ac73

Project | Primary Balance | Part 1 | Chloro-new

0 stars0🌍 Public
MMukund Khandelwal
Last edited Oct 24, 2018
Created on Oct 24, 2018

This example displays a world map using D3.js, coloring each country orange and highlighting it yellow on hover. It visualizes primary balance and economic data by country, with tooltips showing country names. The visualization uses `d3.geoEquirectangular` projection, `d3.geoPath` to render geographic paths, and TopoJSON to convert world atlas data. Users can zoom and pan the map via D3’s zoom behavior. Data is loaded from CSV and JSON sources via `Promise.all`, and each country includes a `<title>` element for hover details.

AI-generated description