Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Colorpleth Map with interactive filtering

Public visualization

Viewing a saved revision (read-only)

64beb4b1438a40cfb88644ae87a94ec2

Colorpleth Map with interactive filtering

0 stars0🌍 Public
Nnouralkhoury
Last edited Nov 28, 2020
Created on Nov 28, 2020

This interactive choropleth map visualizes economic data across countries using a color scale, with a legend allowing users to filter countries by clicking on specific values. The map renders in SVG using d3.geoOrthographic projection and d3.geoPath, while the accompanying color legend enables selection that highlights matching countries and dims others. Data comes from a CSV file merged with world atlas TopoJSON via d3.csv and topojson.feature. Users can also zoom and pan the map using d3.zoom.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.