Peirce Quincuncial

100%

Peirce Quincuncial

✓ Published0🌍 Public

Last edited Feb 27, 2019

Created on Dec 16, 2012

This example shows the Peirce quincuncial projection, a conformal map that projects the globe onto a square using a complex algorithm. The visualization displays world landmasses in dark gray with white country boundaries, overlaid on a graticule of meridians and parallels, all within a 960-pixel SVG. The code uses `d3.geoPierceQuincuncial()` from the d3-geo-projection library to define the projection, and `d3.geoPath()` to render the projected geometry. It loads world data from a TopoJSON file, specifically via `topojson.feature` for land and `topojson.mesh` for country boundaries. The sphere is outlined in black, and the rendering is handled with SVG paths.

AI-generated description

The Peirce quincuncial projection is implemented as d3.geoPeirceQuincuncial in d3-geo-projection. It is derived from the Guyou projection. See also its equatorial aspect.

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

Peirce Equatorial

This example shows the world’s landmasses and country boundaries projected onto a square using the Peirce quincuncial projection, which divides the sphere into a square with a distinctive diamond-like layout. The map is rendered as an SVG using D3 v4 and the `d3.geoPierceQuincuncial` projection from the d3-geo-projection library, with a graticule and a sphere outline drawn via `d3.geoPath` and `d3.geoGraticule`. It loads world-50m GeoJSON data from a gist and uses TopoJSON to extract land features and country meshes for the boundaries.

Mmbostock

93% match

Loading thumbnail…

Peirce Equatorial

This example uses the Peirce quincuncial projection to render a world map in an equatorial aspect, displaying the globe as a square with continents shown as dark shapes and borders highlighted in white. The graticule and sphere outline are drawn in gray, and the map is centered with a 45-degree rotation. It employs d3.geoPath with the d3.geoPierceQuincuncial projection from the d3-geo-projection library, and fetches world-50m.json data from a gist to generate landmasses and country boundaries.

PPhilippe Rivière

90% match

Loading thumbnail…

Craster Parabolic

This example displays a world map projected using the Craster parabolic projection, with graticule lines, country boundaries, and landmasses rendered in SVG. The visualization uses d3.geo.craster from the d3.geo.projection.v0 library, along with d3.geo.path for geographic path generation and topojson.v1 to parse world-50m.json data. A sphere outline and fill are drawn first, followed by graticule and geographic features from the TopoJSON file, with styling applied via CSS classes.

Mmbostock

81% match

Loading thumbnail…

Flat-Polar Quartic

This example displays a world map projected using the flat-polar quartic projection, which flattens the poles into curved, diamond-like shapes. The map shows landmasses in dark gray with country boundaries in white, overlaid on a graticule grid and enclosed by a circular sphere outline. It uses D3 v3 with the `d3.geo.mtFlatPolarQuartic` projection, `d3.geo.path` for rendering SVG paths, and TopoJSON to load world-50m geographic data. A graticule layer is generated via `d3.geo.graticule`, and the sphere outline is reused as both stroke and fill.

Mmbostock

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

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

80% match

Loading thumbnail…

Polyconic

This visualization demonstrates the Polyconic map projection, a compromise projection that preserves distances along the central meridian and each parallel. It displays the world’s landmasses as solid black shapes with white country boundaries, overlaid on a graticule grid and an outlined sphere. The example uses the D3 v3 library with the `d3.geo.polyconic` projection plugin, `d3.geo.path` for rendering, and `topojson.v1` to process world-50m.json geographic data, drawing everything as SVG paths.

Mmbostock

80% match

Loading thumbnail…

Pierce Tiles

A tiled world map presents the Peirce quincuncial projection, seamlessly repeating across a square grid so that continents weave through the seams. The visualization uses a static rendered image of the projection, loaded as a CSS background with an infinite animation that slowly translates the tiles diagonally, creating an optical illusion of continuous motion. The map itself is computed from geographic data using D3’s `d3.geoPeirceQuincuncial` and `d3.geoPath`, with the resulting PNG file reused as the page’s backdrop.

Mmbostock

79% match