🌍 Public
Viewing a saved revision (read-only)
9d5f5198f21e4bd58d980a0aff2b627e
map
This example displays a world map using the GeoJSON country boundaries from the World Atlas TopoJSON dataset. The map is rendered as SVG paths via `d3.geoEqualEarth` and `d3.geoPath`, with each country filled in teal and outlined in light gray, while a separate sphere path provides a neutral background. It uses React for component structure, with data loaded through D3’s `json` method and converted from TopoJSON to GeoJSON using the `feature` function.
AI-generated descriptionA program that shows the top 10 most populous countries as a bar chart.