Tobler’s Hyperelliptical projection

Tobler–Mercator

This example demonstrates the Tobler–Mercator projection, a modified Mercator projection that preserves area. The world map is rendered with graticule lines, country boundaries, and a white sphere outline. Built with D3 v4, it combines `d3.geoProjection` with a custom projection function and `d3.geoPath` for geographic rendering. The map uses TopoJSON data from the world-atlas package, with land and country boundary geometries loaded via `d3.json` and processed using `topojson.feature` and `topojson.mesh`. The visualization is fully SVG-based.

83% match

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

80% match

Tobler World-in-a-Square

The Tobler World-in-a-Square projection renders the globe as a square, using the cylindrical equal-area projection with a parallel set to 55°39′14″. The map displays landmasses in dark gray, country boundaries as white lines, and a graticule in light gray, all within an SVG canvas. Built with D3 v3, the example uses the `d3.geo.cylindricalEqualArea` projection, `d3.geo.path` for rendering, and topojson to process world-50m geographic data.

79% match

Bottomley projection

This example demonstrates the Bottomley projection, a pseudocylindrical map projection that preserves shapes along the central meridian, with a configurable variant parameter. The code loads world land and country boundary data from a TopoJSON file and renders it via SVG paths created with `d3.geoPath` and the custom `d3.geoBottomley` projection. A graticule and sphere outline are also drawn, and the projection’s variant can be adjusted through the `projection.variant` method, highlighting the projection’s flexibility.

PPhilippe Rivière

79% match

Briesemeister to Bertin1953

This example demonstrates the Bertin 1953 projection as a modified Briesemeister projection, visualized with a world map rendered from a TopoJSON file. Interactive checkboxes let the viewer alter the projection's aspect ratio, rotation, and asymmetric warping applied to the western, southern, or northern hemispheres. The custom projection function is built using `d3.geoProjection`, `d3.geoHammerRaw` from the d3-geo-projection package, and the map is drawn with `d3.geoPath` and a graticule in an SVG.

PPhilippe Rivière

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.

Eckert VI

This example demonstrates the Eckert VI map projection, a pseudocylindrical equal-area projection that displays the entire globe within an ellipse. The map shows world land masses as dark regions with white country boundaries overlaid on a graticule, all rendered as SVG. The code uses the D3 v3 library with the `d3.geo.eckert6` projection plugin, `d3.geo.path` for projecting geographic features, and `d3.geo.graticule` for the coordinate grid. World data comes from a 50m resolution GeoJSON file loaded via `d3.json`, and TopoJSON is used to extract land and boundary shapes.

Flat-Polar Parabolic

A flat-polar parabolic projection maps the world onto an oval-shaped canvas, with landmasses filled in dark gray and country boundaries marked by thin white lines. The visualization also includes a graticule grid and an outer sphere outline, rendered as SVG paths using d3.geo.path and the d3.geo.mtFlatPolarParabolic projection. Geographic data comes from a TopoJSON world file, processed via topojson.feature and topojson.mesh. The projection scale and translation are set explicitly, with precision configured for smooth rendering.