🌍 Public
Viewing a saved revision (read-only)
b11d50b160384ebc848c66c01bc2822e
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.