Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a Map with D3.js!

Public visualization

Viewing a saved revision (read-only)

9cd7981eb8424c8ca3614088a0d97c1e

Let's make a Map with D3.js!

0 stars1🌍 Public
PPotikorn
Last edited Feb 18, 2020
Created on Feb 18, 2020

This example displays a world map rendered with D3.js, showing countries as green polygons with black outlines against a dark blue sphere background. It uses the `d3.geoNaturalEarth1` projection and `d3.geoPath` to generate SVG paths from TopoJSON data loaded from the world-atlas dataset via `d3.json`. The `topojson.feature` API converts the TopoJSON topology into GeoJSON features, which are then bound to SVG path elements using D3 data joins.

AI-generated description

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