Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

worldmap

Public visualization

worldmap

0 stars3🌍 Public
Hhxc20060903
Last edited Dec 31, 2020
Created on Dec 31, 2020
Forked from bowl of fruits

This example displays an interactive world map with countries rendered as individual SVG paths, colored light green with black outlines, and highlighted in red on hover. It uses D3 v5's `geoNaturalEarth1` projection with `geoPath` to draw the map, and a light blue sphere for the oceans. Country boundaries come from the `world-atlas` package's countries-50m GeoJSON data, and the `topojson-client` library converts TopoJSON to GeoJSON for feature extraction. The chart supports zooming via D3's `zoom` event, which updates the SVG group transform in real-time.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed