Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap Tricks for Interaction

Public visualization

Viewing a saved revision (read-only)

dd55477d099f4dd39dedcccc7891e6a4

Cheap Tricks for Interaction

0 stars0🌍 Public
MMukund Khandelwal
Last edited Sep 25, 2018
Created on Sep 25, 2018

This example shows a zoomable world map rendered as an SVG, with country names displayed as hover tooltips. The visualization uses a Natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, with geographic data loaded from the World Atlas TopoJSON and country names from its accompanying TSV file. The map supports pan and zoom through `d3.zoom`, and the code includes a commented-out `d3.behavior.zoom` variant. Country boundaries are drawn as light green paths with black strokes, while the ocean sphere is filled blue.

AI-generated description