Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3: GeoEarth

Public visualization

Viewing a saved revision (read-only)

8a5cd4e378b949c2a04ae011a3c357f3

D3: GeoEarth

1 star8🌍 Public
SSiddharthMittal07
Last edited Mar 24, 2022
Created on Mar 23, 2022
Forked from React Starter

This interactive chloropleth map visualizes global deaths from brain and central nervous system cancer in 2019, using a yellow-to-red sequential color scale via `d3.scaleSequential` and `d3.interpolateYlOrRd`. A `d3.geoNaturalEarth1` projection renders country boundaries from the World Atlas TopoJSON, with each country’s fill determined by matching ISO country codes from a CSV to cancer mortality data. Users hover over a country to display its name and total deaths in a floating tooltip, while a legend shows the color scale range. The visualization uses React for state management, `d3.geoPath` for drawing, and `topojson.feature` for geographic data processing.

AI-generated description

React Starter code.