Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Choropleth Map

Public visualization

Viewing a saved revision (read-only)

fbc898135fb7444b9320287a9bfa9e1c

Choropleth Map

0 stars5🌍 Public
Iinroadings
Last edited Mar 21, 2020
Created on Feb 29, 2020

This choropleth map visualizes global economic data by coloring countries according to a categorical color scale. Users can click legend entries to highlight countries matching the selected category, dimming all others. Built with D3 v5, it uses `d3.geoPath` with a Natural Earth projection and `d3.scaleOrdinal` for coloring. The map loads country boundaries and economic classifications from a world-atlas TopoJSON dataset, while the interactive legend and country paths are rendered as SVG elements.

AI-generated description

Topics Making the Color Legend Clickable Implementing Unidirectional Data Flow Highlingting the selected color value Componentizing the Choropleth Map Highlighting countries using the selected color value