Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Orthographican you World Map

Public visualization

Viewing a saved revision (read-only)

db5d71a711ed4074a0d7aa39a53a327e

Orthographican you World Map

0 stars1🌍 Public
Tthanhtrant219
Last edited Apr 15, 2020
Created on Apr 15, 2020

This example shows an orthographic world map where each country is rendered as a clickable, hover-responsive SVG path. The visualization uses D3’s `geoOrthographic` projection and `geoPath` to draw country boundaries from TopoJSON data, with country names loaded from a TSV file using `d3.tsv`. Data is combined via `Promise.all` and merged using a lookup object keyed by country ID. Hovering turns a country black, and each path includes a `<title>` element to display the country name as a tooltip.

AI-generated description