Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE 8:Geo map

Public visualization

ICE 8:Geo map

0 stars0🌍 Public
KK V VINITHA
Last edited Apr 2, 2022
Created on Apr 1, 2022

This geo map visualizes world countries using a natural Earth projection, with hover interactions that turn countries red. The visualization loads TopoJSON country boundaries and TSV name data via `Promise.all`, then uses `d3.geoPath` and `d3.geoNaturalEarth1` to render the paths in SVG. Tooltips display country names through appended `title` elements, while CSS styles define sphere fill, country colors, and hover effects. The code relies on `topojson.feature` for parsing and D3 v5 with React integration.

AI-generated description

Smiley face implementation with React.

Comments

Sign in to join the discussion.

MIT Licensed