Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map

Public visualization

World Map

0 stars1🌍 Public
SSai Phaltankar
Last edited May 30, 2022
Created on May 30, 2022
Forked from Working with time

This example renders a world map using a Natural Earth projection, displaying landmasses, graticules, country borders, and a sphere outline. It loads geographic data from the World Atlas TopoJSON file using `d3.json` and processes it with `topojson.feature` and `topojson.mesh`. The map is drawn with `d3.geoPath` and `d3.geoNaturalEarth1`, while React components structure the SVG output. Land areas are filled teal, borders are lighter teal, and the background sphere is light gray.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data.

Comments

Sign in to join the discussion.

MIT Licensed