Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a map?!

Public visualization

Viewing a saved revision (read-only)

254fea13cf784fea8d92db5a4193de43

Let's make a map?!

0 stars1🌍 Public
Ggorfoula
Last edited Jul 22, 2020
Created on Jul 22, 2020

This example shows how to create a simple world map by loading TopoJSON country boundaries and rendering them as filled paths. The code uses d3.json to fetch the world-atlas dataset, topojson.feature to convert it to GeoJSON, and d3.geoMercator with d3.geoPath to project and draw the countries. All shapes are appended as SVG path elements, styled with green fills and black strokes.

AI-generated description

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