Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Map with D3 firts part

Public visualization

Viewing a saved revision (read-only)

68d0e055bbad42f4b0887d9e04f050d7

Map with D3 firts part

0 stars2🌍 Public
CChawin Sungwalngern
Last edited Dec 26, 2022
Created on Dec 26, 2022

A world map rendered with D3.js and the TopoJSON library displays countries as pale beige shapes with blue-gray borders against a teal background. The visualization loads geographic data from the world-atlas package and uses `geoMercator` for projection, while `geoPath` generates the SVG paths for each country. The map is built by selecting the SVG element, fetching the TopoJSON data, and appending a `<path>` element for every country feature.

AI-generated description

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