🌍 Public
Viewing a saved revision (read-only)
917c440a56044ae2a72fac03ad23b359
World Map
This example renders a world map using a natural Earth projection, displaying countries as filled polygons, along with graticules, interior borders, and a sphere outline. It loads geographic data from the world-atlas TopoJSON file and converts it to GeoJSON using the `feature` and `mesh` functions from topojson. The map is drawn with `d3.geoPath` and `d3.geoNaturalEarth1`, while React manages the component structure and SVG rendering. Styling is applied through CSS classes, including a teal fill for landmasses and gray graticules.
AI-generated descriptionA World Map generated from topo-json data