Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Colorpleth Map

Public visualization

Viewing a saved revision (read-only)

21b4704abbe94280a94b6822f6408bcd

Colorpleth Map

0 stars3🌍 Public
LLongYuu
Last edited Nov 28, 2020
Created on Nov 28, 2020

This colorpleth map uses a natural Earth projection to display world countries shaded by their economy type, with a color legend showing the ordinal scale. The visualization supports zooming and panning through d3.zoom, and hovering over a country highlights it in red while revealing its name and economy classification in a tooltip. Data is loaded from the World Atlas TopoJSON and TSV files, with d3.geoPath generating the geographic paths and d3.scaleOrdinal mapping economy categories to a spectral color scheme. The map is rendered as SVG within a React application.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.