Hammer

100%

✓ Published0🌍 Public

Last edited Oct 21, 2018

Created on Sep 13, 2012

The example shows a world map using the Hammer projection, with landmasses rendered in dark gray and country boundaries outlined in white against a graticule. It demonstrates how the projection’s coefficient B can be customized, though the code displays the default B=2. Using D3 v3, it applies `d3.geo.hammer` from the geo.projection plugin, `d3.geo.path` for geographic rendering, and `d3.geo.graticule` for the grid. TopoJSON data from a remote world-50m file is converted with `topojson.feature` and `topojson.mesh` to draw land and boundaries into an SVG.

AI-generated description

The Hammer projection is available as d3.geo.hammer in the geo.projection D3 plugin. As described by Bernhard Jenny, this projection can be customized with a coefficient B. The default B = 2 produces the standard Hammer projection as shown above; 1 produces the Lambert azimuthal equal-area projection, 4 produces the Eckert–Greifendorff projection, and ∞ produces the quartic authalic projection. Briesemeister produced a modified oblique Hammer projection with an aspect ratio of 1.75:1 rather than 2:1.

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

Hammer Retroazimuthal

This example displays a world map using a Hammer retroazimuthal projection, centered on parallel 52°N, with vector land and boundary outlines rendered as SVG paths clipped to the projected sphere. The code uses d3.geo.path with a custom projection and d3.geo.graticule to draw the graticule, while topojson.v1 loads and processes the world-50m GeoJSON data for land and country boundaries. A white stroke highlights the map boundary, and the projection’s clip angle ensures no artifacts appear beyond the map’s edge.

Mmbostock

91% match

Loading thumbnail…

Eckert–Greifendorff

This example visualizes the Eckert–Greifendorff projection, a custom variant of the Hammer projection with a coefficient of 4, by displaying world landmasses and country boundaries overlaid on a graticule. The spherical outline is drawn with a white fill and black stroke, while land appears in dark gray. It uses D3 v3, the `d3.geo.hammer` plugin, and TopoJSON to load and render the world-50m dataset via SVG paths. The projection is configured with a scale and translation to center the map.

Mmbostock

86% match

Loading thumbnail…

Nell–Hammer

This example shows the Nell–Hammer map projection, a pseudocylindrical equal-area projection that renders the entire globe as an ellipse. It displays world landmasses in dark gray, country boundaries in white, and a graticule of meridians and parallels in light gray. The code uses the `d3.geo.nellHammer` projection from the `d3.geo.projection` plugin, with `d3.geo.path` to draw the projected geometry. Land and boundary data come from a TopoJSON source (`world-50m.json`), processed via the `topojson` library. Rendering is done with SVG, and the sphere outline is defined once as a reusable `<defs>` element.

Mmbostock

84% match

Loading thumbnail…

Briesemeister

This example presents a world map using the Briesemeister projection, an oblique Hammer projection with a 1.75:1 aspect ratio and an oblique orientation centered at 10°E 45°N. It shows the landmasses in dark gray with white country boundaries, overlaid on a graticule, all within a sphere outline. The visualization uses d3.geo.projection with a raw Hammer projection, rotated and scaled, to render SVG paths for land, boundaries, and graticule. The geographic data for the land and boundaries originates from a world-50m TopoJSON file, processed with topojson.feature and topojson.mesh.

Mmbostock

83% match

Loading thumbnail…

Quartic Authalic

This example displays a world map using the quartic authalic projection, a variant of the Hammer projection with an infinite coefficient, resulting in a distinctive flattened and stretched appearance. The map shows landmasses in dark gray with white country boundaries, overlaid on a graticule grid, all enclosed within a circular sphere outline. Built with D3 v3, it uses `d3.geo.hammer()` with a coefficient of `Infinity` to define the projection, `d3.geo.path()` for rendering, and TopoJSON to load world-50m geographic data. The SVG output includes styled paths for the sphere, graticule, land, and boundaries.

Mmbostock

79% 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

75% match

Loading thumbnail…

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.

Mmbostock

74% match

Loading thumbnail…

Van der Grinten IV

This example displays a world map using the Van der Grinten IV projection, filled with dark land masses and white country boundaries against a graticule grid. The map is rendered as SVG using D3 v3, with the projection accessed via `d3.geo.vanDerGrinten4` from the geo.projection plugin. Geographic data comes from a TopoJSON file of world land and country shapes, processed with `topojson.feature` and `topojson.mesh`. A sphere outline and graticule are drawn with `d3.geo.path` and `d3.geo.graticule`.

Mmbostock

74% match