Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Colorpleth Map with interactive filtering

Public visualization

Viewing a saved revision (read-only)

6c0747bbac0941459a3335ed4ff95689

Colorpleth Map with interactive filtering

0 stars4🌍 Public
LLongYuu
Last edited Nov 28, 2020
Created on Nov 28, 2020
Forked from Colorpleth Map

This choropleth map colors countries by their economy type using an ordinal color scale. Clicking a legend entry filters the map to highlight countries in that category while dimming others, with the sphere outline fading when a filter is active. Built with React and D3 v5, it uses `geoNaturalEarth1` projection, `geoPath`, and `zoom` for panning and zooming, while data comes from a TopoJSON file with TSV metadata. The SVG rendering uses `scaleOrdinal` and `schemeSpectral` for color assignment.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.