Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE8 World Map

Public visualization

ICE8 World Map

0 stars4🌍 Public
SSnigdha6698
Last edited Apr 3, 2022
Created on Apr 2, 2022
Forked from ICE8 - World Map

This example displays a world map using the Natural Earth projection, with country boundaries rendered as filled paths on an SVG canvas. It demonstrates fundamental D3.js DOM manipulation by loading geographic data from a remote TopoJSON file, converting it to GeoJSON with the `feature` function, and projecting it using `d3.geoPath` and `geoNaturalEarth1`. The sphere outline and countries are styled via CSS, with sky-blue fills and thin stroke outlines. The visualization relies on D3 v5 and TopoJSON v3 to generate the map.

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