Gnomonic

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.

85% match

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.

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.

Stereographic

A world map is displayed using the stereographic projection, showing landmasses in dark gray and country boundaries in white over a graticule grid. The projection rotates the globe by -20 degrees longitude and clips the view to a square. Built with D3 v3, the example uses `d3.geo.stereographic`, `d3.geo.path`, and `d3.geo.graticule`, rendering SVG paths from TopoJSON world data. The graticule is drawn beneath the land and boundary layers.

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

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`.

83% match

Ginzburg IX

This example displays a world map using the Ginzburg IX projection, a pseudocylindrical compromise projection with curved meridians. The visualization shows land masses, country boundaries, a graticule, and an outer sphere outline, all rendered as SVG paths via `d3.geo.path` and TopoJSON data from world-50m.json. The code uses `d3.geo.ginzburg9()` from the d3.geo.projection plugin, applies a stroke-and-fill sphere mask, and loads geographic features with `topojson.feature` and `topojson.mesh`.

83% match

Ginzburg VIII

This example displays a world map using the Ginzburg VIII projection, a pseudocylindrical map projection that curves meridians to create a distinctive, globe-like appearance. The map shows landmasses in dark gray with white country boundaries, overlaid on a graticule grid and enclosed by a circular sphere outline. Built with D3 v3, it uses `d3.geo.ginzburg8`, `d3.geo.path`, and `d3.geo.graticule` to render the projection, graticule, and sphere. Geographic data comes from a TopoJSON file of world land and country boundaries, loaded via `topojson.feature` and `topojson.mesh`.