Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap Tricks for Interaction

Public visualization

Cheap Tricks for Interaction

0 stars2🌍 Public
Jjay
Last edited Feb 20, 2020
Created on Feb 19, 2020

This example demonstrates interactive map exploration using D3.js version 5, visualizing world economies with a color legend and zoom functionality. The map renders countries as SVG paths via `d3.geoPath` and `geoNaturalEarth1` projection, colored by economic classification using `scaleOrdinal` with the `schemeSpectral` palette. Hovering highlights countries in red, while a zoom behavior enables pan and scale transformations. Data comes from the World Atlas TopoJSON and TSV files, with a custom color legend component showing the categorical scale.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed