Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Cheap Tricks for Map Interaction II

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed