Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE8 World Map

Public visualization

ICE8 World Map

0 stars3🌍 Public
TTulluripallavi
Last edited Apr 3, 2022
Created on Apr 3, 2022
Forked from ICE8 World Map

This example displays a world map rendered in SVG using D3.js and TopoJSON. It shows country boundaries filled in yellow against a sky-blue spherical backdrop, created with `d3.geoNaturalEarth1` and `d3.geoPath`. The code fetches GeoJSON data from a GitHub gist, converts it via the `feature` method from TopoJSON, and appends each country path to the SVG. The map’s styling is controlled through CSS classes for the sphere and countries, with a maroon stroke applied to borders.

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