Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map with D3 2 Final

Public visualization

Viewing a saved revision (read-only)

0edbff714d8c45c3abd0484ad122c060

World Map with D3 2 Final

1 star0🌍 Public
CChawin Sungwalngern
Last edited Dec 27, 2022
Created on Dec 27, 2022

This interactive visualization presents a world map using an orthographic projection, displaying country boundaries with hover effects that highlight each nation in red. The map also supports zoom and pan through D3’s zoom behavior. Built with D3 v5 and TopoJSON, it renders as SVG and loads geographic data from the world-atlas package, combining TSV country names with GeoJSON features. The projection and path generation rely on d3.geoOrthographic and d3.geoPath.

AI-generated description

Interactive Worldmap with geoOrthographic view.

Bostock: worldmap

Bostock: Dataset for title function to return country names

Reference: