Werner

100%

✓ Published0🌍 Public

Last edited Feb 27, 2019

Created on Feb 25, 2016

This example displays a world map using the Werner projection, a specific map projection that shapes the globe into a heart-like form. The visualization renders the map with land areas in dark gray, country boundaries in white, and a graticule overlay. The code builds the map with the D3.js library and its `d3.geo.bonne` projection, using `d3.geo.path` and `d3.geo.graticule` to draw the map features. World land and country data is loaded from a TopoJSON file fetched with `d3.json`.

AI-generated description

The Werner projection is a limiting form of the Bonne projection, having its standard parallel at ±90°. It is available as d3.geo.bonne in d3-geo-projection.

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

Wiechel

This example visualizes the world on a Wiechel projection, a pseudo-azimuthal map that appears as a heart-shaped sphere. It displays continents in dark fill and country boundaries in white, overlaid with a graticule grid, all within a circular outline. The code uses the `d3.geo.wiechel` projection, `d3.geo.path`, and `d3.geo.graticule` from the d3.geo.projection library to render the map as SVG. World map data is loaded from a 50m GeoJSON file via `d3.json` and processed with `topojson`.

Mmbostock

82% match

Loading thumbnail…

Wagner VII

This example displays a world map using the Wagner VII projection, a compromise projection that balances area and shape distortion. A graticule overlays the globe, with landmasses filled in dark gray and country boundaries marked by thin white lines. The visualization loads geographic data from a TopoJSON file containing world land and country boundaries. Rendered as SVG, the code uses D3 v3’s `d3.geo.wagner7` projection, `d3.geo.path`, and `d3.geo.graticule`, alongside TopoJSON’s feature and mesh methods to extract and draw the spatial data.

Mmbostock

81% match

Loading thumbnail…

Wagner VI

This example demonstrates the Wagner VI map projection, a compromise projection that balances area and shape distortion, rendered as a static SVG world map. The visualization draws a graticule grid, a filled sphere outline, landmasses in dark gray, and country boundaries in white. The code uses `d3.geo.wagner6` from the D3 geo.projection plugin, along with `d3.geo.path` and `d3.geo.graticule`, to project and render geographic data from a TopoJSON world dataset. Land and boundary features are extracted using `topojson.feature` and `topojson.mesh`.

Mmbostock

79% match

Loading thumbnail…

Eckert I

This example displays a world map using the Eckert I projection, with landmasses filled in dark gray and country boundaries outlined in white against a graticule grid. The spherical outline is drawn with a thick black stroke and white fill, emphasizing the projection’s oval shape. The visualization uses D3 v3, the `d3.geo.eckert1` projection from the geo.projection plugin, and `d3.geo.path` to render geographic features. World data comes from a TopoJSON file (`world-50m.json`), processed with `topojson.feature` and `topojson.mesh` to separate land and country boundaries.

Mmbostock

79% match

Loading thumbnail…

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.

Mmbostock

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

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

77% match

Loading thumbnail…

Maurer No. 73

This example visualizes the world map using the Maurer No. 73 projection, a pseudonic equal-area projection that warps continents into a curved, flower-like shape. The map displays landmasses in dark gray with white country boundaries, overlaid with a graticule and enclosed by a circular sphere outline. It uses D3 v3 with the `d3.geo.hill` projection from the geo.projection plugin, rendered as SVG via `d3.geo.path`. Geographic data comes from a TopoJSON world dataset loaded with `topojson.feature` and `topojson.mesh`.

Mmbostock

77% match