Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap Tricks for Interaction

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed