Hammer Retroazimuthal

100%

Hammer Retroazimuthal

✓ Published0🌍 Public

Last edited Feb 27, 2019

Created on Jan 5, 2013

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.

AI-generated description

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

Hammer

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.

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

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

81% match

Loading thumbnail…

Mollweide Hemispheres

This example displays a world map using the Mollweide projection, interrupted into two hemispheres—northern and southern—which are rotated twenty degrees and centered on a 960-by-500 SVG canvas. The map shows landmasses as dark shapes with white country boundaries, overlaid on a graticule, all clipped to a circular sphere. It uses the `d3.geo.interrupt` and `d3.geo.mollweide.raw` projections with `d3.geo.path`, and renders geographic data from a World 50m TopoJSON dataset, drawing both land polygons and a mesh of country boundaries.

Mmbostock

80% match

Loading thumbnail…

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.

Mmbostock

80% match

Loading thumbnail…

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.

Mmbostock

79% match