Skip to main content
100%

Worldmap

✓ Published1🌍 Public
LLewis Ward
Last edited Jun 28, 2021
Created on Jun 28, 2021
Forked from Line Chart

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 description

A program that loads in some data using D3 utilities, and uses React state to keep track of the data.

MIT Licensed

Similar vizzes