Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap Tricks for Interaction

Public visualization

Viewing a saved revision (read-only)

7bc86ef3c1f74015a9a6504701081d3f

Cheap Tricks for Interaction

0 stars0🌍 Public
LLeoBergqvist
Last edited Feb 21, 2020
Created on Feb 21, 2020

This interactive map shades countries by economic classification using a categorical color scale, with a clickable legend that filters the visible categories. The visualization uses d3.zoom for panning and zooming, d3.geoNaturalEarth1 with d3.geoPath for geographic projection, and SVG paths with title tooltips for hover details. Data comes from the world-atlas TopoJSON dataset joined with TSV metadata via d3.tsv and topojson.feature. The colorLegend module builds a custom SVG legend with circles and text, while CSS hover effects highlight individual countries.

AI-generated description