Skip to main content
SimilarExport ZIP
100%

Tetrahedral Gnomonic projection Antarctic

✓ Published0🌍 Public
PPhilippe Rivière
Last edited Jun 7, 2017
Created on May 14, 2017

This example visualizes the world map using the Tetrahedral Gnomonic projection, an Antarctic-centered aspect of Potter’s 1925 map projection. The globe is split across four triangular faces, each rendered with a gnomonic projection via `d3.geoPolyhedral` and `d3.geoGnomonic`. Landmasses are drawn on a Canvas with `d3.geoPath`, overlaid with graticules, and the map is interactive, allowing rotation through drag gestures using the `versor` library. Map data comes from TopoJSON world-atlas countries.

AI-generated description

The Tetrahedral Gnomonic projection, published by A. J. Potter in The Geographical Teacher, Vol. 13, No. 1 (SPRING, 1925), pp. 52-56.

  • Using d3.geoPolyhedral on the tetrahedron

  • Gnomonic projection on each face

  • This is the Antarctic-centered aspect. See <a href='http://bl.ocks.org/Fil/2da4da62950052d3bbb27857620fdab6'>Potter’s North Pole aspect</a>

Research by Philippe Rivière for d3-geo-projection issue 107.

<!-- signature --> [<img src="https://avatars1.githubusercontent.com/u/7001?s=20" />](https://github.com/Fil/) <em>Questions and comments welcome on [gitter.im/d3](https://gitter.im/d3/d3), [twitter](https://twitter.com/@recifs) or [slack](https://d3js.slack.com).</em> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-58621-8', 'auto'); ga('send', 'pageview'); </script>
mit Licensed

Similar vizzes

Loading thumbnail…

Tetrahedric Gnomonic Projection

This example visualizes the world using a tetrahedric gnomonic projection, a polyhedral map projection that unfolds the globe onto four triangular faces. The map renders landmasses and graticules on a Canvas via `d3.geoPath`, with the projection implemented through a custom `d3.geoTetrahedralLee` function that uses `d3.geoPolyhedral` and per-face gnomonic projections. The code includes a dashed inner triangle and outlined sphere boundary, and loads world data from the World Atlas TopoJSON dataset. It also spins the projection interactively using D3's rotation APIs and renders at devicePixelRatio for sharp output.

PPhilippe Rivière
88% match
Loading thumbnail…

Dodecahedral projection

This example displays a dodecahedral projection of the world map, unfolding the globe onto the faces of a dodecahedron using a myriahedral projection. The map, sourced from the VisionsCarto world atlas, is rendered as SVG with country boundaries and a graticule. The code computes the Voronoi faces on the sphere using `d3.geoVoronoi`, builds a spanning tree of the faces with Kruskal’s algorithm, and projects each face using a gnomonic projection via `d3.geoGnomonic`. The polyhedral arrangement and clipping are handled by `d3.geoPolyhedral` and `d3.geoPath`.

PPhilippe Rivière
80% match
Loading thumbnail…

Gnomonic

This example shows the world map projected using the gnomonic projection, where great circles appear as straight lines and distortion increases toward the edges. The map is clipped at a 90-degree angle, displaying landmasses in dark gray with white country boundaries over a graticule grid. The visualization uses D3 v3’s `d3.geo.gnomonic` projection and `d3.geo.path` to render SVG paths from TopoJSON world data, with the graticule drawn via `d3.geo.graticule`. The code sets projection scale, translation, and precision before loading the `world-50m.json` file.

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

Gnomonic Butterfly

The Gnomonic Butterfly example displays a world map projected using the Gnomonic butterfly polyhedral projection, which unfolds the globe into a butterfly-like shape with eight triangular faces. The map shows landmasses as dark shapes with white country boundaries, overlaid on a graticule grid. Built with d3.v3, the visualization uses `d3.geo.polyhedron.butterfly` to define the projection, `d3.geo.path` for rendering geographic features, and TopoJSON data from a world-110m file. The SVG output includes a sphere outline, clipped land and boundary paths, and a graticule layer, with the projection rotated and scaled to fit the canvas.

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

Tobler’s Hyperelliptical projection

This example demonstrates Tobler’s Hyperelliptical projection, a family of pseudocylindrical equal-area map projections with adjustable parameters alpha, gamma, and k. The default configuration renders a world map with a compact, oval-shaped graticule that balances area distortion across the globe. Using d3-geo-projection’s `geoHyperelliptical` projection, the map is drawn as SVG paths via `d3.geoPath`, with land polygons from world-atlas TopoJSON data. Interactive rotation and responsive resizing are enabled through d3-inertia and `fitExtent`.

PPhilippe Rivière
76% match
Loading thumbnail…

Interactive Gnomonic

An interactive map renders the world in a gnomonic projection, a perspective view where great circles appear as straight lines. Moving the mouse over the SVG scene reorients the projection’s center by rotating it based on the cursor’s position, updating the displayed landmasses. The visualization uses d3.geo.gnomonic and d3.geo.path to draw the topojson world-110m data, with d3.scale.linear mapping pixel coordinates to longitude and latitude for rotation.

Mmbostock
76% match