Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Colorpleth Map with interactive filtering

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed