Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE Eight-1A - World Map

Public visualization

Viewing a saved revision (read-only)

3d0eee23b9c84ec4b285b9a8baf598f7

ICE Eight-1A - World Map

0 stars1🌍 Public
CChi Aghaizu
Last edited Apr 11, 2023
Created on Apr 7, 2023
Forked from HTML Starter

This example presents a world map visualization using the Mercator projection, with each country rendered as an SVG path. The countries are initially filled teal with white borders, and hovering over a country turns it yellow, while moving the mouse away changes it to light green. The code loads geographic data from the world-atlas TopoJSON file and converts it to GeoJSON using the topojson library. It leverages D3.js v6 APIs including `d3.geoMercator`, `d3.geoPath`, and SVG `path` elements for rendering, with mouse events handled via D3's `.on()` method.

AI-generated description

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

See also React Starter.