Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a map!

Public visualization

Viewing a saved revision (read-only)

7cad92643f3e45bab6bc3d6ee146c119

Let's make a map!

0 stars0🌍 Public
DDannie2020
Last edited Sep 17, 2020
Created on Sep 17, 2020

This example renders an interactive orthographic globe using D3’s `geoOrthographic` and `geoPath` projections. It loads world country boundaries from TopoJSON and country names from a TSV file, then displays each country as a light-green SVG path that turns red on hover, with tooltips showing the country name. The globe itself is drawn as a dark-blue sphere, and all interactions rely on D3’s data join and selection methods.

AI-generated description

A bare minimum HTML page.

See also React Starter.