Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Choropleth

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

8cee94b7877a4f00a8f1a4b57be28b2f

Open

Choropleth

0 stars2🌍 Public
MMauradion
Last edited May 21, 2021
Created on May 21, 2021

This choropleth visualizes countries colored by economic classification using an ordinal color scale derived from d3.scaleOrdinal and d3.schemeSpectral. It renders a Natural Earth projection with d3.geoNaturalEarth1 and d3.geoPath, loading world geometry via TopoJSON from the world-atlas package, with country names and economic data matched from a TSV table. A custom color legend, built with D3 selections, displays the sorted categories, and d3.zoom enables panning and zooming of the map.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.