Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map

Public visualization

World Map

0 stars1🌍 Public
Vvarun-030
Last edited Apr 3, 2022
Created on Apr 3, 2022
Forked from ICE8 World Map

This example displays a world map using a natural Earth projection, with countries rendered in brown and the surrounding sphere in light blue. It demonstrates fundamental D3.js DOM manipulation by appending SVG paths for each country from TopoJSON data loaded from a remote gist. The code uses `d3.geoNaturalEarth1`, `d3.geoPath`, and `topojson.feature` to convert geographic data into SVG path strings, while D3’s selection and data-join methods handle the dynamic creation of country elements.

AI-generated description

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

Comments

Sign in to join the discussion.

MIT Licensed