Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map

Public visualization

Viewing a saved revision (read-only)

917c440a56044ae2a72fac03ad23b359

World Map

0 stars1🌍 Public
KKai Stewart
Last edited Nov 8, 2021
Created on Nov 8, 2021
Forked from Stylized Linechart

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 description

A World Map generated from topo-json data