Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Choropleth Map Interactivty selection

Public visualization

Viewing a saved revision (read-only)

a5dac16a577445efacf01227e16e1a18

Choropleth Map Interactivty selection

0 stars0🌍 Public
Mmaru25-alt
Last edited Apr 11, 2020
Created on Apr 10, 2020

This example demonstrates interactive filtering on a choropleth map of world economies, where clicking a color legend entry highlights matching countries and dims all others. Built with D3 v5, it renders GeoJSON features via `d3.geoMercator` and `d3.geoPath` in an SVG, with zoom support from `d3.zoom`. The legend uses `d3.scaleOrdinal` with `schemeSpectral`, and the map’s country opacity and stroke change in response to the selected value, sourced from the World Atlas TopoJSON dataset.

AI-generated description