Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Cheap Tricks for Interaction

Public visualization

Cheap Tricks for Interaction

6 stars160๐ŸŒ Public
CCurran Kelleher
Last edited Sep 17, 2019
Created on Sep 20, 2018

This example shows an interactive world map with zoom and pan capabilities, displaying country boundaries and names using natural Earth projection. The user can explore the map by dragging to pan and scrolling to zoom, which is implemented through d3.zoom. Countries are rendered as SVG paths using d3.geoPath, with hover effects highlighting regions in red. The visualization uses TopoJSON data from world-atlas and TSV country names, combining d3.json and d3.tsv for data loading within a Promise.all.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed