Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap Tricks for Map Interaction II

Public visualization

Viewing a saved revision (read-only)

289203cd908d479c8d5ee03369715b69

Cheap Tricks for Map Interaction II

0 stars0🌍 Public
Eegrebing
Last edited Sep 28, 2020
Created on Sep 28, 2020

This example shows an interactive world map that changes country colors to red on hover, with a blue sphere background representing the globe. It uses d3.geoPath with a d3.geoNaturalEarth1 projection to render geographic features, while d3.json and d3.tsv load TopoJSON and tabular data from the world-atlas package. The SVG-based visualization applies CSS hover effects to fill countries red, and each country path includes a title element for potential tooltips. The code relies on topojson.feature to convert TopoJSON into GeoJSON for path generation.

AI-generated description