Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Chloropeth Map with interactive filter

Public visualization

Viewing a saved revision (read-only)

bddfbeab90444c3daefad20b31f8b3fd

Chloropeth Map with interactive filter

0 stars0🌍 Public
BB Sundaresan
Last edited Jul 16, 2020
Created on Jul 16, 2020
Forked from Chloropeth Map

This choropleth map visualizes global economic data using a natural Earth projection, with countries colored on an ordinal red-yellow-green scale. Users can click legend items to filter the map, dimming non-matching countries and fading the sphere background. Built with React and D3 v5, it uses d3.geoPath, d3.geoNaturalEarth1, d3.zoom, and d3.scaleOrdinal, with data loaded from world-atlas TopoJSON and TSV files. The SVG rendering includes smooth transitions on legend circle updates.

AI-generated description

A bare minimum HTML page.

See also React Starter.