Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

A9 World Choropleth

Public visualization

Viewing a saved revision (read-only)

0da63628c17d47f2bee227b896acd137

A9 World Choropleth

0 stars0🌍 Public
NNoah C.
Last edited Apr 2, 2024
Created on Apr 2, 2024
Forked from A9 Choropleth

This choropleth displays world happiness scores for 2022, coloring each country on a blue sequential scale and revealing its name and score on hover via SVG `<title>` tooltips. It loads CSV data and TopoJSON world geometry, then renders paths with `d3.geoPath()` and a Mercator projection. The implementation uses D3 v7, TopoJSON, and d3-legend, with color mapping from `d3.scaleSequential` and `d3.interpolateBlues`.

AI-generated description

Choropleth visualization of poverty rates by county made with D3. Reference: D3.js Choropleth Map Code Walkthrough

Hover over a county to see its name and poverty rate.