Skip to main content
SimilarExport ZIP
100%

Peirce Equatorial

✓ Published0🌍 Public
Mmbostock
Last edited Jul 25, 2019
Created on Jul 2, 2016

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.

AI-generated description

The equatorial aspect of the Peirce quincuncial projection, which is available in d3-geo-projection. By setting the clip angle to 90°, you can produce the Adams hemisphere-in-a-square projection.

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

Peirce Quincuncial

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.

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
92% 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
80% 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
80% 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
79% match
Loading thumbnail…

Transverse Mercator

This example demonstrates the transverse Mercator map projection, displaying world landmasses and country boundaries within a graticule grid. The map is rendered as SVG using the D3.js library, specifically employing the `d3.geoTransverseMercator` projection and `d3.geoPath` for drawing geometries. World data comes from the `world-atlas` package, processed with `topojson-client` to extract land and boundary features. The visualization includes a spherical outline, a graticule, and styled land and boundary paths, all centered within a 960x960 canvas.

Mmbostock
79% 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
78% match
Loading thumbnail…

Equirectangular (Plate Carrée)

This example demonstrates the equirectangular (Plate Carrée) projection, a simple geographic mapping where latitude and longitude are plotted linearly on a flat grid. The visualization displays world landmasses in dark gray and country boundaries in white, overlaid with a graticule grid at half opacity. The code uses d3.geoEquirectangular to define the projection, d3.geoPath for rendering, and topojson to parse world-50m.json data. The map is drawn as SVG paths with styling for land, boundaries, and graticule layers.

Mmbostock
78% match