Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Choropleth Map with D3 and SVG Final

Public visualization

Viewing a saved revision (read-only)

311a912ca6fe4c12a1e1414435668408

Choropleth Map with D3 and SVG Final

1 star1🌍 Public
CChawin Sungwalngern
Last edited Dec 27, 2022
Created on Dec 27, 2022

This interactive world map uses a stereographic projection to display countries colored by income group. Built with D3 v5 and rendered as SVG, it loads GeoJSON and TSV data from the world-atlas package. Users can pan and zoom the map, which features a color legend and tooltips showing country names and income classifications. The visualization relies on d3.geoStereographic, d3.geoPath, d3.scaleOrdinal, and d3.zoom APIs.

AI-generated description

Interactive Worldmap with geoStereographic view.

Bostock: worldmap

Bostock: Dataset for title function to return country names

The Data is pulled from unpkg file and linked based on income group. The data can be change if prefer.