Skip to main content
100%

Fork of Fork of Fork of Let's make a face with D3.js!

✓ Published1🌍 Public
Aannadehtiarova
Last edited Feb 1, 2021
Created on Feb 1, 2021

This example uses D3.js version 6 to render a world map from the World Atlas TopoJSON dataset, displaying countries as black-filled paths with light gray strokes against a light gray sphere (the globe). The code utilizes `d3.geoPath` with the `geoNaturalEarth1` projection to transform geographic coordinates into SVG paths, and the `topojson` library’s `feature` function to extract country boundaries from the TopoJSON topology. The SVG output shows the full Earth sphere with country outlines, demonstrating basic geographic data mapping and SVG DOM manipulation with `select` and `append` methods.

AI-generated description

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

MIT Licensed

Similar vizzes