Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Cheap Tricks for Interraction

Public visualization

Viewing a saved revision (read-only)

c84075d74bb84c1283c9e803aade29d1

Fork of Cheap Tricks for Interraction

0 stars1🌍 Public
Ooptimizeresume
Last edited Jan 14, 2021
Created on Jan 14, 2021

This example displays an interactive world map where each country is rendered as a green, stroked SVG path and highlighted in red on hover. The map uses a natural Earth projection and loads country boundaries and ISO ID-to-name mappings from the world-atlas package. It implements scroll-wheel zooming via d3.zoom, with the zoom transform applied to a group element. The visualization demonstrates the d3.geoPath generator, TopoJSON feature extraction, and event-driven hover styling through CSS.

AI-generated description