liveBook · Manning

Equal Earth projection

As explained in D3.js in Action, Third Edition

The Equal Earth projection is a pseudocylindrical world map projection designed to represent global areas proportionally.

The Equal Earth projection is a pseudocylindrical world-map projection designed to represent global areas proportionally. In D3, create it with geoEqualEarth() before converting geographic data into SVG paths. section 13.2.1

Minimal world-map setup

const projection = geoEqualEarth(); const geoPathGenerator = geoPath().projection(projection); svg.selectAll(".country-path") .data(world.features) .join("path") .attr("d", geoPathGenerator);

How D3.js in Action, Third Edition covers it

How deep it goes
Defines the projection and demonstrates its path-generation workflow, while glossing over deeper projection problems.
Examples
Uses a GeoJSON world map rendered as country paths in an SVG container.
What it assumes
Assumes basic D3, SVG, and GeoJSON usage while making projection setup concrete.
What you can do after
Build it from scratch with D3 by projecting GeoJSON features into drawable SVG paths.
How it connects
Connects map projections with D3, GeoJSON, SVG, and geographic path generators.
Cover of D3.js in Action, Third Edition
liveBookmanning.com
Read D3.js in Action, Third Edition on liveBook Get the book at manning.com

Related concepts

This explainer was generated by Manning's knowledge graph from the text of D3.js in Action, Third Edition. The section links point to the parts of the book it draws on.