Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map

Public visualization

Viewing a saved revision (read-only)

2afd97ef737f46b580c6e808c2eed9ad

World Map

0 stars0🌍 Public
NNaveenrajaYalagandula
Last edited Apr 4, 2022
Created on Apr 3, 2022

A world map is rendered on a natural Earth projection using React and D3.js, displaying landmasses in teal, graticules as light gray lines, and country borders as thin strokes. The visualization pulls geographic data from the World Atlas TopoJSON file (countries-50m.json) and converts it to GeoJSON using the `feature` and `mesh` functions from TopoJSON. D3’s `geoNaturalEarth1` projection and `geoPath` generate the SVG paths for the sphere, graticule grid, land polygons, and internal boundaries.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.