Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Prasanth ICE - 8 - World Map

Public visualization

Viewing a saved revision (read-only)

dc8546f7c01e4bbd8ec22bc6ed1d353f

Prasanth ICE - 8 - World Map

0 stars0🌍 Public
PPrasanth
Last edited Apr 13, 2023
Created on Apr 13, 2023

This interactive world map displays countries in green over a blue sphere, with countries highlighting red on hover. Built with React and D3 v5, the visualization uses `d3.geoEquirectangular` projection and `d3.geoPath` to render geographic boundaries. GeoJSON data is fetched from a GitHub gist and processed through TopoJSON's `feature` function. Styling via CSS classes controls sphere fill, country colors, and hover effects.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.