Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Fork of Map with D3 geoEquirectangular()

Public visualization

Viewing a saved revision (read-only)

680973e0032a4f94979871d853c68c88

Fork of Fork of Fork of Map with D3 geoEquirectangular()

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

This example displays a world map rendered with the equirectangular projection, showing country boundaries as styled SVG paths. It loads geographic data from the World Atlas TopoJSON dataset and converts it to GeoJSON using the `feature` function from TopoJSON. The visualization uses D3 v5’s `geoPath` and `geoEquirectangular` to generate the map, with countries filled in a light beige and outlined with a dark stroke. The code demonstrates basic data fetching, projection setup, and DOM manipulation through D3 selections.

AI-generated description

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