🌍 Public
Viewing a saved revision (read-only)
26d03f527b01487d84eea8050d1ae9b7
Cheap Tricks for Interaction
This example demonstrates an interactive world map rendered with SVG using D3.ts topojson for geographic data and a world-atlas dataset. The map shows countries as light green paths with black borders, which turn red on hover via CSS. Users can pan and zoom the map through D3's zoom module, which applies a transform to the group containing all country paths. The code also generates a sphere background and adds country name tooltips from TSV data.
AI-generated descriptionDemonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.