Cylindrical Equal-Area

100%

Cylindrical Equal-Area

✓ Published0🌍 Public

Last edited Jul 10, 2016

Created on Sep 13, 2012

This example shows a world map rendered using the cylindrical equal-area projection, with dark landmasses and light country boundaries overlaid on a graticule. The projection’s shape is modified by selecting different standard parallels, such as Gall–Peters or Hobo–Dyer, highlighting how the choice affects the map’s proportions. The visualization uses `d3.geoCylindricalEqualArea` and `d3.geoPath` from the `d3-geo-projection` library to draw the paths, while geodata is loaded as TopoJSON from a GitHub-hosted file. The SVG output is styled with CSS classes for the graticule, land, and boundaries.

AI-generated description

The Cylindrical equal-area projection is available as d3.geoCylindricalEqualArea in d3-geo-projection. Depending on the chosen parallel, this projection is also known as the Lambert cylindrical equal-area (0°), Gall–Peters (45°), Hobo–Dyer (37.5°), and Tobler world-in-a-square (~55.654°).

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

Gall–Peters

This example demonstrates the Gall–Peters projection, an equal-area map projection that preserves relative sizes of landmasses. The visualization displays a dark world map with country boundaries drawn in white, overlaid on a graticule grid. The map is rendered using SVG via the d3.geo.path and d3.geo.cylindricalEqualArea APIs, with the projection configured with a 45-degree parallel. Geographic data comes from a 50m-resolution world TopoJSON file, processed through the topojson library to extract land and boundary features.

Mmbostock

86% match

Loading thumbnail…

Cylindrical Stereographic

A world map is rendered using the cylindrical stereographic projection, showcasing global landmasses and country boundaries over a graticule grid. The visualization uses the `d3.geoCylindricalStereographic` projection from the d3-geo-projection plugin, with `d3.geoPath` drawing the geographic features. Land areas are filled dark, while country borders appear as white lines, and the sphere outline is traced in black. The map is built from TopoJSON world data loaded via `d3.json`, with geographic features extracted using the `topojson.feature` and `topojson.mesh` APIs.

Mmbostock

86% match

Loading thumbnail…

Gringorten Equal-Area

This example demonstrates the Gringorten equal-area projection, a map projection that preserves area while arranging the continents in an unusual, diamond-like layout. The visualization renders world landmasses in dark gray with white country boundaries against a graticule grid, all framed within a sphere outline. The code uses the `d3.geoGringorten` projection from the d3-geo-projection library, combined with `d3.geoPath` for rendering geographic data. World map data is loaded from a 50m resolution GeoJSON file via `d3.json`, and the graticule is generated using `d3.geoGraticule`. The SVG output is styled with CSS for the graticule, land, and boundary features.

Mmbostock

85% 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

84% match

Loading thumbnail…

Lambert Azimuthal Equal-Area

This example visualizes world landmasses and country boundaries using a Lambert azimuthal equal-area projection, centered on the globe to produce a circular map. The graticule and sphere outline frame the map, while land is filled dark against a light background. Built with D3 v4, it uses `d3.geoAzimuthalEqualArea` for projection, `d3.geoPath` for rendering shapes, and `d3.geoGraticule` for the grid, pulling geographic data from a world-50m JSON dataset via `topojson`. The SVG output is styled with CSS classes for land, boundaries, and graticule.

Mmbostock

83% match

Loading thumbnail…

Polar Azimuthal Equal-area

This example visualizes the Earth using the polar azimuthal equal-area projection, with landmasses in black and country boundaries in white against a graticule. The map is centered on the North Pole and rendered as an SVG, with a sphere outline and fill. The code uses `d3.geo.azimuthalEqualArea()` for the projection and `d3.geo.path()` to draw features from a TopoJSON world dataset loaded via `d3.json`.

Mmbostock

83% match

Loading thumbnail…

Equidistant Conic Projection

This example shows a world map drawn with the equidistant conic projection, including a graticule, landmasses, and country boundaries. The map is rendered as SVG using D3’s `d3.geo.conicEquidistant` projection and `d3.geo.path` to generate the paths. A sphere outline and graticule are drawn first, then geographic data from a TopoJSON file (`world-50m.json`) is loaded with `topojson.feature` and `topojson.mesh` to display land and political borders.

Mmbostock

82% match

Loading thumbnail…

Rectangular Polyconic

This example demonstrates the rectangular polyconic map projection, a pseudoconical projection that renders the world with curved meridians and straight parallels. The map shows landmasses in dark gray with country boundaries in white, overlaid on a graticule grid and enclosed by a spherical outline. Built with D3.js v3, it uses `d3.geo.rectangularPolyconic` from the extended projections plugin, `d3.geo.path` for geographic rendering, and `d3.geo.graticule` to generate the grid. World geometry comes from a TopoJSON file loaded via `topojson.feature` and `topojson.mesh`.

Mmbostock

82% match