Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Interative Filtering with D3.js!

Public visualization

Viewing a saved revision (read-only)

0b26e06e1a1647daa7287e4841bb2dc7

Interative Filtering with D3.js!

0 stars0🌍 Public
CCarloWK1202
Last edited Aug 2, 2022
Created on Jul 25, 2022

This interactive choropleth map displays global economies color-coded by income group, with a connected color legend that filters the map on click. The map uses D3 v5’s `geoNaturalEarth1` projection, `geoPath`, and `topojson` for world-50m data, while the legend’s ordinal `scaleOrdinal` and `schemeSpectral` drive fills. Hovering highlights countries, and the legend’s click handler toggles opacity, dimming non-selected regions. The SVG rendering supports zoom via D3’s `zoom` behavior.

AI-generated description