Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Choropleth Map with Interactive Filtering

Public visualization

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!

Comments

Sign in to join the discussion.

MIT Licensed