Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Choropleth Map with Interactive Filtering

Public visualization

Viewing a saved revision (read-only)

4e5e54fa0ec841129709a2361dda473b

Choropleth Map with Interactive Filtering

0 stars1🌍 Public
FFlorian Breitwieser
Last edited May 9, 2019
Created on May 9, 2019

This choropleth map displays global economic classifications per country, with a natural Earth projection and color-coded fill based on categorical data. Users interactively filter the map by clicking color legend items, which dims all non-selected countries and reduces the sphere’s opacity. The visualization uses D3 v5 APIs including `d3.geoPath`, `d3.geoNaturalEarth1`, `d3.scaleOrdinal`, and `d3.zoom`, with topojson loading world-atlas data. Hovering a country reveals its name and value via a tooltip, while the legend highlights the active selection.

AI-generated description

A choropleth map where you can hover over items in the color legend items to interactively filter!