Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap Tricks for Interaction

Public visualization

Viewing a saved revision (read-only)

b0159aee6ed24ec9bcc3aeb2036b2929

Cheap Tricks for Interaction

0 stars0🌍 Public
Ssrrajendran
Last edited Nov 7, 2018
Created on Sep 23, 2018

This example demonstrates a world map with zoom and hover interactions, rendering countries as SVG paths using a Natural Earth projection. It relies on d3.zoom for pan and zoom transformations, d3.geoPath for projecting geographic data, and TopoJSON for country boundaries sourced from the world-atlas dataset. Country names are loaded from a TSV file, while hover effects change fill colors via CSS. The map also includes a spherical background and uses d3.select to manage the SVG container.

AI-generated description