Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Let's make a map with D3 with popup.js!

Public visualization

Viewing a saved revision (read-only)

ca2e4a149c314e3baa4a708757bda5fc

Fork of Let's make a map with D3 with popup.js!

0 stars0🌍 Public
Kklumng
Last edited Feb 10, 2023
Created on Feb 10, 2023

A world map rendered with D3.js displays country values from a CSV file, changing country color to red on hover while showing a tooltip with the country ID and value. Using d3.geoNaturalEarth1 projection and d3.geoPath, the visualization loads TopoJSON world data and CSV data via Promise.all. Mouseover events position an HTML tooltip near the cursor, while d.csv provides the id-value pairs that populate the tooltip text.

AI-generated description

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