Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a map with D3.js!

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

429cf4cec94e46039596562af94fd5a8

Open

Let's make a map with D3.js!

0 stars1🌍 Public
NNaveenaS12
Last edited Aug 13, 2020
Created on Aug 13, 2020

This map of the world uses D3.js to project geographic data from the world-atlas TopoJSON dataset. The visualization renders countries as light green paths with dark, semi-transparent borders, over a blue spherical backdrop. It employs D3's geoEqualEarth projection and geoPath to convert TopoJSON features into SVG paths, while the topojson library's feature function handles the data transformation.

AI-generated description

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