Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of HTML Starter

Public visualization

Viewing a saved revision (read-only)

3a255599ff664f4fb3be96a2e05840f2

Fork of HTML Starter

0 stars0🌍 Public
Ssaiabhishekmunnangi@gmail.com
Last edited Nov 9, 2025
Created on Nov 9, 2025
Forked from HTML Starter

This example displays a world map colored by values joined from a CSV dataset, with a hover tooltip showing each country’s name and numeric value. It renders an SVG using D3 v7’s `d3.geoNaturalEarth1` projection and `d3.geoPath`, loading country boundaries from TopoJSON via `world-atlas`. Country colors are assigned through a sequential `d3.scaleSequential` interpolator, while the CSV is joined using a `Map`. The tooltip appears on mouseover events, positioned at the cursor.

AI-generated description