Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Choropleth Map

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed