Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Interactions on a Budget

Public visualization

Interactions on a Budget

0 stars0🌍 Public
Ggoodej
Last edited Dec 26, 2020
Created on Dec 25, 2020

This interactive map displays world countries from the World Atlas TopoJSON dataset using a natural Earth projection rendered as SVG. The visualization supports zooming and panning through d3.zoom, which applies transform updates to a group element. Countries are drawn with d3.geoPath and feature extraction from topojson, while hovering over any country changes its fill color and reveals the country name via a title tooltip. The styling is handled through CSS classes, with the sphere background and country borders defined in style.css.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed