Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Worldmap

Public visualization

Viewing a saved revision (read-only)

9d16d16596bf4058ba08cf782f653d41

Worldmap

0 stars1🌍 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.