Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap Tricks for Interaction

Public visualization

Cheap Tricks for Interaction

0 stars1🌍 Public
AArriannePandaraoan
Last edited Apr 23, 2020
Created on Apr 22, 2020

This example displays an interactive world map using D3.js to visualize countries with a graticule sphere. It loads geographic data from the world-atlas TopoJSON and TSV files, rendering country boundaries through `d3.geoPath` with a `d3.geoNaturalEarth1` projection. Hovering highlights countries in red, while the `d3.zoom` API enables pan and zoom interactions. The SVG output uses CSS for styling, with tooltips showing country names via D3's `select` and `append` methods.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed