🌍 Public
Viewing a saved revision (read-only)
a574502215d648a9b76921f9f8d2bd79
MyMapping - labels
The map projects the world’s countries using a rotating orthographic projection, with each country rendered as an SVG path and labeled by name. The visualization displays a country’s name, capitol, control, and armies in an info box when hovered. Built with D3 v6 and TopoJSON, the code uses `d3.geoPath` and `d3.geoOrthographic` to draw the globe, while drag handlers rotate the projection and update the labels’ positions via `path.centroid`. Country data originates from the world-atlas countries-110m TopoJSON file.
AI-generated descriptionD3 map tutorial
So far its working!!!