Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Cheap Tricks for Interaction

Public visualization

Fork of Cheap Tricks for Interaction

0 stars0🌍 Public
Eeypkllas@gmail.com
Last edited Apr 23, 2024
Created on Apr 23, 2024

This interactive D3.js map displays world countries, colored light green against a blue sphere, and highlights each country in red on hover with a tooltip showing the country’s name. Using the `d3.geoPath` projection and a `geoNaturalEarth1` projection, it renders geographic features from the `world-atlas` TopoJSON and TSV data sources. The visualization incorporates the `zoom` interaction module from D3’s `d3.zoom` API, enabling users to pan and scale the map via mouse events. It employs SVG rendering for vector-based output.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed