🌍 Public
Viewing a saved revision (read-only)
cb6155005ba54b94a8604e80eaa476f0
Fork of Cheap Tricks for Interaction
This example shows an interactive world map built with D3.js that uses a natural Earth projection to display country boundaries. The map supports zooming and panning through D3’s zoom behavior, while hovering over any country highlights it in red. The visualization loads geographic data from the world-atlas TopoJSON dataset, pairing it with a TSV file to map country names via ISO numeric codes. Tooltips appear on hover, generated by appending SVG title elements. The rendering uses d3.geoPath, d3.geoNaturalEarth1, and d3.zoom for interaction.
AI-generated description