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)

67cf086baa994a3bae8da5253269dbca

Choropleth Map with Interactive Filtering

0 stars0🌍 Public
Zzhangfa
Last edited Aug 11, 2020
Created on Aug 4, 2020

A choropleth map displays global economic classifications by country, with an interactive color legend that filters the map by hovering or clicking on a category. The d3-scaleOrdinal and schemeSpectral color scale map each economy type to a distinct color, while d3-geoPath and geoNaturalEarth1 render the world geometry from TopoJSON data. Clicking a legend item dims non-matching countries and highlights the selected group, with zoom support via d3.zoom. The map uses SVG and d3.v5 for all rendering and interaction.

AI-generated description

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