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)

2350e8eebecf4aaa98e6e3ec25a054b8

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