Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap Tricks for Interaction

Public visualization

Viewing a saved revision (read-only)

daf521e42b4f41d89e960e33d44ccee6

Cheap Tricks for Interaction

0 stars0🌍 Public
OOvxOO
Last edited Aug 18, 2019
Created on Aug 18, 2019

This example demonstrates a zoomable world map with hover interactions, where countries change color on mouseover. It renders geographic features using d3.geoPath with a d3.geoNaturalEarth1 projection, and applies zoom behavior via d3.zoom to transform the map group. The map data comes from a TopoJSON file combined with a TSV file for country names, loaded through d3.json and d3.tsv. The SVG is styled with CSS for the country fills and hover effects.

AI-generated description

An example showing the capabilities of VizHub.