Airy’s Minimum Error

100%

Airy’s Minimum Error

✓ Published0🌍 Public

Last edited Feb 27, 2019

Created on May 21, 2013

This example shows the Airy projection, a minimum-error map projection, centered over the Atlantic with a 90° clip angle. The visualization combines a graticule, landmasses from TopoJSON world data, and country boundaries rendered as SVG paths. The code uses `d3.geo.airy`, `d3.geo.path`, and `d3.geo.graticule` from D3 v3 and the extended geographic projection plugin, with land and boundary features generated via `topojson.feature` and `topojson.mesh`.

AI-generated description

Available as d3.geo.airy in D3’s extended geographic projections plugin.

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

Airy’s Minimum Error

This example demonstrates the Airy minimum-error projection, a pseudocylindrical map projection optimized to minimize distortion, applied to a world map. The visualization displays the globe with graticules and country boundaries, with a subset of countries (e.g., the U.S., Mexico, Canada) highlighted in dark gray. The map is rendered as SVG using D3.js v3, specifically with the `d3.geo.airy` projection, `d3.geo.path`, and `d3.geo.graticule` APIs, along with the topojson library to load and process world-50m.json data. The projection is rotated, centered, and scaled to fit a 960×640 viewport.

Mmbostock

93% match

Loading thumbnail…

Aitoff

This example displays a world map using the Aitoff projection, a compromise projection that represents the entire globe in an ellipse. The map shows landmasses in dark gray and country boundaries as white lines over a graticule of latitude and longitude lines. Built with D3 v3 and the `d3.geo.aitoff` projection from the geo.projection plugin, it uses `d3.geo.path` to render the sphere, graticule, and land features. The world data is loaded as TopoJSON from a remote gist and processed with `topojson.feature` and `topojson.mesh`.

Mmbostock

71% match

Loading thumbnail…

August Projection

This example displays a world map using the August projection, a pseudocylindrical equal-area projection that curves parallels and meridians into distinctive intertwined shapes. The map renders land masses in dark gray with white country boundaries overlaid on a graticule, all enclosed within a spherical outline. Using D3 v3, the code employs `d3.geo.august` for the projection, `d3.geo.path` to draw geographic features, and `d3.geo.graticule` for the grid. TopoJSON data provides the world land and country boundaries, loaded from an external JSON file.

Mmbostock

69% match

Loading thumbnail…

Azimuthal Equidistant

This example demonstrates the azimuthal equidistant projection, a map projection that preserves accurate distances from a central point. The map is centered on San Francisco, with the world rendered using outlines and filled landmasses. The visualization uses D3’s `d3.geoAzimuthalEquidistant` projection and `d3.geoPath` to draw the sphere, graticule, and geographic features. Land and boundary data come from a world-atlas TopoJSON file, processed using the `topojson-client` library. The SVG output includes a graticule, a stroked sphere outline, and a white-filled sphere background.

Mmbostock

69% match

Loading thumbnail…

A conformal Airocean

This example shows a conformal projection of the Airocean, a map of the world’s oceans as a single continuous water body, rendered as an SVG using D3.js v6. It displays landmasses as dark shapes on a blank background, with the projection carefully clipped and rotated to highlight the ocean-centric view. The code defines a custom forward projection function that adjusts coordinates to stitch together multiple copies of a base tetrahedral Lee projection, then uses `d3.geoProjection` with `d3.geoClipPolygon` to clip the sphere and `d3.geoPath` to draw the land. Land data comes from a GeoJSON file served via unpkg, and the final fit is applied with `fitExtent` to fill a 960×500 viewport.

PPhilippe Rivière

69% match

Loading thumbnail…

Natural Earth

This example demonstrates the Natural Earth projection, a pseudo-cylindrical map projection that balances the appearance of landmasses with minimal shape distortion. It renders a world map from a TopoJSON dataset, displaying country borders and land areas as filled paths, with a graticule overlay and a spherical outline. The visualization uses D3.js v3 with the `d3.geo.naturalEarth` projection, `d3.geo.path`, and `d3.geo.graticule` APIs to draw vector graphics as SVG elements. The code loads world geography data from a gist-hosted JSON file and applies styling for land, boundaries, and graticule strokes.

Mmbostock

68% match

Loading thumbnail…

No Antimeridian Cutting

This example shows a world map rendered with D3’s Albers projection but without antimeridian cutting, allowing continuous display across the 180° meridian as the user drags to rotate the globe. The map redraws on mouse or touch movement via canvas 2D context, iterating over TopoJSON land features. The interaction uses `d3.geo.rotation` and a custom raw projection wrapper around `d3.geo.conicEqualArea`, while `d3.geo.path` handles geographic projection to screen space. Land data comes from the world-110m TopoJSON file.

Mmbostock

68% match

Loading thumbnail…

Antimeridian Cutting

This example demonstrates antimeridian cutting in map projections, showing how geographic shapes that cross the ±180° longitude line are rendered without visual artifacts. A conic equal-area projection is rotated interactively via mouse movement, with the projected sphere drawn on a Canvas element. The code uses d3.geoConicEqualArea for the projection, d3.geoPath for rendering, and d3.scaleLinear to map mouse coordinates to rotation angles. World land data from the `world-110m.v1.json` file is loaded with `d3.json` and processed using `topojson.feature`.

Mmbostock

68% match