Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

20 - choropleth map - dataviz 2018

Public visualization

20 - choropleth map - dataviz 2018

0 stars2๐ŸŒ Public
Zzach b.
Last edited Feb 16, 2022
Created on Jan 5, 2022

A choropleth map of the world colors each country according to its economic classification, with a color legend on the left. The map uses a natural Earth projection rendered with `d3.geoPath`, and country data comes from the `world-atlas` TopoJSON and TSV files. A sequential color scale based on `d3.scaleOrdinal` and `schemeSpectral` assigns hues, and hovering turns a country red via SVG CSS. The visualization is built with D3 v5 and the `topojson` library's `feature` function, with zoom capability via a custom `zoom` callback.

AI-generated description

datraviz 2018 #20 - choropleth map

world atlas topojson
unpk: topojson.js

Comments

Sign in to join the discussion.

MIT Licensed