Worldmap
✓ Published1🌍 Public
This example displays a world map rendered with vector geometries, showing landmasses in teal, graticules in light gray, country borders, and a pale sphere background. It loads geographic data from the World Atlas TopoJSON dataset and uses D3’s `geoNaturalEarth1` projection, `geoPath`, and `geoGraticule` to generate SVG paths. React manages data loading through a custom `useData` hook, while the `Marks` component renders each layer. A commented-out rotation effect suggests potential interactivity, though the map remains static. The visualization relies on the `topojson` library to convert topology into GeoJSON features and meshes.
AI-generated descriptionA program that loads in some data using D3 utilities, and uses React state to keep track of the data.
MIT Licensed