Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

COLORPLET INTERACTIVE

Public visualization

Viewing a saved revision (read-only)

e304944bba7a4bc58c2c40bdc438fecb

COLORPLET INTERACTIVE

0 stars0🌍 Public
Ppaularl
Last edited Feb 11, 2020
Created on Jan 30, 2020
Forked from COLORPLETH

This interactive map uses D3.js to depict global economic data from the World Atlas TopoJSON and TSV files, coloring each country according to its economy classification. A zoomable Natural Earth projection via `d3.geoPath` shows the countries, while a custom `colorLegend` component allows users to click on legend items to highlight matching regions. The map uses `d3.scaleOrdinal` with `d3.schemeSpectral` to assign colors, and dims non-selected countries by adjusting their opacity. The visualization demonstrates fundamental D3 data-binding and event handling through reusable function patterns.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.