Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap Tricks for Interaction

Public visualization

Viewing a saved revision (read-only)

ce5705d1ced54c45b5eac043726cad28

Cheap Tricks for Interaction

0 stars0🌍 Public
CChip
Last edited Feb 26, 2020
Created on Feb 25, 2020

This example shows a world map rendered with D3.js, using green countries that turn red on hover. The visualization demonstrates fundamental DOM manipulation and event handling through D3’s `select`, `data`, and `enter` methods, while `d3.geoPath` and `d3.geoNaturalEarth1` project the TopoJSON data from the world-atlas dataset. The SVG paths respond directly to CSS `:hover` styling, illustrating how inexpensive interactivity can be achieved with minimal JavaScript.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.