Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Final 2

Public visualization

Viewing a saved revision (read-only)

9657f81621634a7c9cdcb4b10aea16ed

Final 2

0 stars0🌍 Public
QQingyang Wang Profolio
Last edited Mar 29, 2023
Created on Mar 15, 2023
Forked from New Technique

This example presents an interactive world map built with React and D3, using the geoNaturalEarth1 projection and geoPath to render country boundaries from TopoJSON data loaded from the visionscarto-world-atlas. The map displays graticule lines and outlines, with countries colored according to a custom legend that maps percentage ranges to shades of red from the schemeReds palette. The visualization includes hover effects that change country fill colors, and a color legend component created with D3 selections to explain the color scale.

AI-generated description
MIT Licensed