Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Choropleth Map

Public visualization

Viewing a saved revision (read-only)

bc386d74e9df41f7b8864ff193d55a0a

Choropleth Map

0 stars0🌍 Public
Iinroadings
Last edited Mar 25, 2020
Created on Mar 25, 2020
Forked from Choropleth Map

A choropleth map colors countries by their economic classification using an ordinal color scale derived from `d3.schemeSpectral`. A clickable color legend uses `d3.scaleOrdinal` to let the user select a specific economy type, which highlights matching countries via a CSS `.highlighted` class while dimming others. The visualization, built with `d3.geoPath` and `d3.geoNaturalEarth1`, renders an SVG world map with zoom support and tooltips, using COVID-19 case data merged from CSV files.

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