🌍 Public
Viewing a saved revision (read-only)
b59e5bce43fa4c81a6cff3fd8fe48d10
WorldMap Visualization Based on Categories
This example displays a world map where each country is colored according to its economic category, using a sequential Blues color scheme. Hovering over a country highlights it in red and reveals a tooltip with its name and economy type. The map, built with D3.js, uses a Natural Earth projection and loads geographic data from the world-atlas package via TopoJSON, converting it to GeoJSON for rendering as SVG paths. Pan and zoom functionality is enabled through D3’s zoom utility.
AI-generated descriptionAn example showing the capabilities of VizHub:
- Loads D3 via UNPKG.
- Demonstrates use of
importfrom"d3". - Demonstrates use of
importfrom local ES6 modules.