Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Choropleth Map Interactivty selection

Public visualization

Viewing a saved revision (read-only)

b5618fccf8a7402584eb85f07692316a

Choropleth Map Interactivty selection

0 stars1🌍 Public
SSophia Murage
Last edited Apr 10, 2020
Created on Apr 10, 2020

This example visualizes the World Bank’s country-level economy classifications on a choropleth map. Users can select a specific economy class from the color legend, which highlights matching countries and dims all others, while hovering over a country reveals its name and economic category. Built with d3.js v5, the map uses the `geoMercator` projection and `geoPath` to render country shapes from TopoJSON data. The legend, implemented with `scaleOrdinal` and `schemeSpectral`, enables interactive filtering through mouse clicks.

AI-generated description