Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

world map

Public visualization

Viewing a saved revision (read-only)

44b526361bcf4e97bba7d17093eb23d0

world map

0 stars0🌍 Public
Aadapavaishnavi12
Last edited Apr 13, 2023
Created on Apr 13, 2023
Forked from World_Map_ICE_8

This example displays a world map rendered as an SVG using the Natural Earth 1 projection. Land masses appear in coral with pink country borders, while graticules and the sphere outline provide geographic context. The visualization fetches TopoJSON data from the World Atlas and converts it to GeoJSON using `topojson.feature` and `topojson.mesh`. React manages the component structure, while D3 utilities like `geoNaturalEarth1`, `geoPath`, and `geoGraticule` handle the projection and path generation. The code also loads data asynchronously via `d3.json`.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data as a radial burst!