Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Choropleth Map

Public visualization

Viewing a saved revision (read-only)

a1adb515d5ef4224816ba01534cf5d52

Choropleth Map

0 stars0🌍 Public
YYoung Song
Last edited Jun 27, 2022
Created on Jun 27, 2022
Forked from A Face with D3.js!

This choropleth map visualizes world countries using a natural Earth projection, with color encoding driven by data loaded from the world-atlas TopoJSON and TSV files. The SVG rendering uses `d3.geoNaturalEarth1` and `d3.geoPath` to draw geographic features, while an ordinal color scale maps country attributes to fill colors. Interactive pan and zoom are enabled through `d3.zoom`, which transforms both the map and sphere layers. A color legend is positioned on the left side to interpret the scale.

AI-generated description

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