Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap Tricks for Interaction

Public visualization

Viewing a saved revision (read-only)

b879faf86da8495bb8ed47dad619a2ba

Cheap Tricks for Interaction

0 stars1🌍 Public
RRayZax757
Last edited Jul 26, 2020
Created on Jul 26, 2020

A world map rendered as SVG paths uses D3.js and the topojson library, with a graticule sphere behind the landmasses. The map responds to mouse clicks and drags through D3's `zoom` interaction, which applies a transform to the country group. Hovering over a country, which is filled with light green and outlined in black, triggers a red fill via the CSS `:hover` pseudo-class. Geographic data comes from the `world-atlas` package, with country names loaded from a TSV file but not yet displayed in the titles.

AI-generated description