Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Let's make a map with D3.js!

Public visualization

Fork of Let's make a map with D3.js!

0 stars0🌍 Public
HHojjat Karami
Last edited Apr 14, 2023
Created on Apr 14, 2023

This interactive map uses D3.js v5 with the `geoNaturalEarth1` projection and `geoPath` to render world countries from the Natural Earth 110m dataset, fetched via the world-atlas package. Countries appear as light green regions with black strokes on a blue sphere, and hovering turns them red. A `title` element is appended to each country path, though the code assigns a generic "hello" label rather than country names. The SVG output is styled with CSS, and the topojson library handles feature extraction from the downloaded GeoJSON data.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed