Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Let's make a World Map - simple with interactions

Public visualization

Let's make a World Map - simple with interactions

0 stars2๐ŸŒ Public
JJimMaltby
Last edited Oct 25, 2020
Created on Oct 24, 2020

This example presents an interactive world map rendered in SVG, where each country is filled with green and highlights red on hover. Built with D3 v5 and TopoJSON, it loads world-atlas data from unpkg and projects it using `geoNaturalEarth1` and `geoPath`. The map supports zooming and panning via `d3.zoom`, with tooltips showing country names extracted from TSV data. The background sphere is drawn separately in dark blue, demonstrating a simple yet interactive geographic visualization.

AI-generated description

A simple map of the world, and coloured. From Curran Kelleher's: "Making a World Map with D3" adding the interactions from his next video.

Comments

Sign in to join the discussion.

MIT Licensed