Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of World Map with D3.js!_AK

Public visualization

Viewing a saved revision (read-only)

1c3d90f1ac0940d396d549b4eb6506a6

Fork of World Map with D3.js!_AK

0 stars0🌍 Public
Aamulyakannam
Last edited Jul 10, 2022
Created on Jul 10, 2022

This example displays a world map using an equirectangular projection, with countries filled in orange and outlined in blue against a light blue ocean sphere. The visualization highlights individual countries in red when hovered over, providing interactive feedback. It loads world country boundaries from the world-atlas TopoJSON dataset via `d3.json`, converts them to GeoJSON with `topojson.feature`, and renders them using `d3.geoPath` with `d3.geoEquirectangular`. The SVG elements are styled through CSS classes for the sphere and countries.

AI-generated description