Bromley

Bottomley

This example displays a world map using the Bottomley projection, a pseudocylindrical equal-area projection with curved parallels. Landmasses are filled in dark gray with white country boundaries, overlaid on a graticule and a black sphere outline. The code uses `d3.geo.bottomley()` from the d3.geo.projection plugin, rendered as SVG via `d3.geo.path()`. World data comes from a TopoJSON file, with countries meshed via `topojson.mesh` and land converted through `topojson.feature`.

78% match

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.

76% match

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.

76% match

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.

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

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.

Boggs Eumorphic

This example displays a world map using the Boggs eumorphic projection, an average of the sinusoidal and Mollweide projections. The map is rendered as SVG with landmasses in black and country boundaries in white, overlaid on a graticule. The code uses `d3.geo.boggs`, `d3.geo.path`, and `d3.geo.graticule` from the D3 v3 geo projection plugin, with geographic data loaded from a world-50m GeoJSON file.

Hobo–Dyer

The Hobo–Dyer projection renders world landmasses and country boundaries as a cylindrical equal-area map with a 37.5º parallel, using dark land polygons and white boundary strokes over a graticule grid. The visualization loads TopoJSON world data (world-50m.json) and converts it to GeoJSON via `topojson.feature` and `topojson.mesh`. It draws the map with `d3.geo.path` and the `d3.geo.cylindricalEqualArea` projection from the geo.projection plugin, all rendered as SVG.