Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Choroplath Map with Interactive Filtering

Public visualization

Viewing a saved revision (read-only)

2f2bdc3064f04e43a745b7ffc27a08bc

Choroplath Map with Interactive Filtering

0 stars0🌍 Public
Nnouralkhoury
Last edited Nov 28, 2020
Created on Nov 28, 2020

This choropleth map colors countries by economic category and supports interactive filtering through a clickable legend. Selecting a legend category highlights matching countries while dimming others, and clicking again clears the selection. The map uses d3.geoNaturalEarth1 projection with d3.geoPath, while d3.zoom enables panning and zooming. Color categories are assigned via d3.scaleOrdinal with CSS classes, and the legend’s click handler toggles the filter. Data comes from world-atlas TopoJSON and TSV files, rendered as SVG paths with tooltips showing country names and values.

AI-generated description