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)

98a02571ecad4b0394ca4ece3efd2ead

Choropleth Map with Interactive Filtering

0 stars0🌍 Public
NNeha-1107
Last edited May 20, 2020
Created on May 20, 2020

A choropleth map displays world countries colored by their economy category, which can be interactively filtered by clicking entries in an adjacent color legend. The map renders geographic boundaries using `d3.geoPath` with a `geoNaturalEarth1` projection, and supports panning and zooming through `d3.zoom`. Clicking a legend item, built with `d3.scaleOrdinal` and `schemeSpectral`, dims non-matching countries while highlighting the selected group. The data comes from the world-atlas TopoJSON and TSV files, with the visualization built using D3 v5 and SVG.

AI-generated description

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