Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Cheap Tricks for Interaction

Public visualization

Viewing a saved revision (read-only)

700942e318bf4cc2ad471493d360c851

Fork of Cheap Tricks for Interaction

0 stars1🌍 Public
NNacirGithub
Last edited Oct 1, 2022
Created on Oct 1, 2022

This interactive map visualizes the world’s countries, color-coded in light green against a blue sphere, with country names displayed as tooltips on hover. The visualization supports pan and zoom interactions, which are implemented using the `d3.zoom` event and applied to the SVG group’s transform. The map is rendered using `d3.geoPath` with the `geoNaturalEarth1` projection, and country boundaries come from the `world-atlas` TopoJSON and TSV files, which provide both geometry and names. Hovering changes each country’s fill to red via CSS.

AI-generated description