Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a big face!

Public visualization

Viewing a saved revision (read-only)

1497dba4c3034209a31d50615015f2ab

Let's make a big face!

0 stars0🌍 Public
BBystander1
Last edited Dec 10, 2019
Created on Dec 9, 2019

A world map is displayed on a blue sphere, with country polygons filled in light green and outlined in black. The visualization demonstrates basic D3.js DOM manipulation by appending SVG paths to represent the Earth’s landmasses. Using the `d3.json` loader, `d3.geoPath`, and `d3.geoNaturalEarth1` projection, the code processes `final110countries.json` TopoJSON data, converts it to GeoJSON features via the `topojson` library’s `feature` function, and renders them as SVG paths.

AI-generated description

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