Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Choropleth map with interaction

Public visualization

Choropleth map with interaction

1 star1๐ŸŒ Public
MMatan
Last edited Nov 14, 2020
Created on Nov 14, 2020
Forked from Choropleth map

This choropleth map displays global economic data, with each country colored according to its economy category. Clicking a color legend item filters the map, dimming non-matching countries and highlighting the selected category; clicking again clears the filter. The visualization uses d3.geoPath with a geoNaturalEarth1 projection to render country shapes from TopoJSON data, while d3.scaleOrdinal and schemeSpectral define the color encoding. d3.zoom enables panning and zooming, and the color legend uses d3 selections with click handlers for interaction.

AI-generated description

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

Comments

Sign in to join the discussion.

MIT Licensed