Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 World Map II

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

bf9c2f0f3fea47ef8369faf5c17352f1

Open

D3 World Map II

0 stars1🌍 Public
YYoung Song
Last edited Jun 20, 2022
Created on Jun 20, 2022
Forked from D3 World Map

This world map displays country boundaries with a natural Earth projection, transitioning from light green to red on hover while showing country names via tooltips. Built with D3 v7 and TopoJSON, it uses d3.geoNaturalEarth1 and d3.geoPath to render SVG paths from world-atlas data, loading geometry and name mappings from JSON and TSV files.

AI-generated description
  • Highlighting on Hover using CSS
  • Adding simple tooltips using 'title' tag
    • Loading multiple data files
    • Looking up country name from id