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)

141a2409f8d74e4f9d5ea0dab8dcc49c

Choropleth Map with Interactive Filtering

0 stars1🌍 Public
Ssuprithreddy267
Last edited Apr 2, 2020
Created on Apr 2, 2020

This choropleth map displays global economic classifications by country, with a color legend that doubles as an interactive filter. Clicking a legend item dims all countries not in that category, while hovering over a highlighted country reveals its name and value via a native SVG tooltip. The map uses an orthographic natural Earth projection rendered as SVG paths, with zoom and pan enabled through d3.zoom. Data comes from the World Atlas TopoJSON and TSV files, processed with topojson.feature and d3.tsv. The color scale uses d3.scaleOrdinal with the Spectral scheme.

AI-generated description

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