Guyou

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.

80% match

Aitoff

This example displays a world map using the Aitoff projection, a compromise projection that represents the entire globe in an ellipse. The map shows landmasses in dark gray and country boundaries as white lines over a graticule of latitude and longitude lines. Built with D3 v3 and the `d3.geo.aitoff` projection from the geo.projection plugin, it uses `d3.geo.path` to render the sphere, graticule, and land features. The world data is loaded as TopoJSON from a remote gist and processed with `topojson.feature` and `topojson.mesh`.

80% match

Goode Homolosine

This example displays a world map using the Goode homolosine projection, a pseudocylindrical projection that combines the sinusoidal and Mollweide projections. The map shows land masses in dark gray with country boundaries in white, set against a graticule and a white sphere backdrop. The visualization uses D3 v3 with the `d3.geo.homolosine` projection API to render the map as SVG paths, pulling land and country data from a TopoJSON file via `topojson.feature` and `topojson.mesh`.

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.

Littrow

The example displays a world map using the Littrow projection, with landmasses in dark gray and country boundaries in white, clipped to a spherical outline. It also overlays a graticule to show latitude and longitude lines. The visualization uses D3 v3 with the `d3.geo.littrow` projection plugin, `d3.geo.path`, and `d3.geo.graticule` to render geographic data from a TopoJSON file containing world land and country boundaries, all drawn as SVG elements.

Larrivée

This example displays a world map using the Larrivée projection, a pseudocylindrical equal-area projection that resembles a flattened globe with curved meridians. Landmasses appear as dark shapes with white country boundaries, set against a graticule and a spherical outline. The map is rendered with SVG via D3’s `d3.geo.path` and the `d3.geo.larrivee` projection from the geo.projection plugin, while TopoJSON data (`world-50m.json`) supplies the land and country meshes. The visualization includes a graticule layer and a white-filled sphere background.

Cylindrical Stereographic

A world map is rendered using the cylindrical stereographic projection, showcasing global landmasses and country boundaries over a graticule grid. The visualization uses the `d3.geoCylindricalStereographic` projection from the d3-geo-projection plugin, with `d3.geoPath` drawing the geographic features. Land areas are filled dark, while country borders appear as white lines, and the sphere outline is traced in black. The map is built from TopoJSON world data loaded via `d3.json`, with geographic features extracted using the `topojson.feature` and `topojson.mesh` APIs.

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.