Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Choropleth Map.js!

Public visualization

Choropleth Map.js!

0 stars0🌍 Public
Dddperdue
Last edited Mar 25, 2020
Created on Mar 25, 2020

This example shows a choropleth map of the world’s countries, colored by economic classification using a spectral color scale. The map renders as SVG and supports mouse hover highlighting, which changes the fill of individual countries to dark green. It loads geographic data from the world-atlas TopoJSON and matches it with country names and economy values from a TSV file. The visualization uses d3.geoPath with a d3.geoNaturalEarth1 projection, applies a d3.scaleOrdinal for colors, and enables pan and zoom through d3.zoom.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed