Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Choropleth Map

Public visualization

Choropleth Map

0 stars0🌍 Public
Ffahmijaafar
Last edited Dec 6, 2019
Created on Dec 6, 2019

This choropleth map displays world countries colored by economic classification using an ordinal color scale with a spectral palette. The visualization renders geographic boundaries through a natural Earth projection and topojson-processed data, with country names and economic groups shown on hover via SVG title elements. Built with D3 v5, the example uses `d3.geoPath` for map geometry, `d3.scaleOrdinal` for color mapping, and a custom legend component that visualizes discrete color categories. A zoom behavior enables interactive panning, while hover effects highlight individual countries in red.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed