Skip to main content
SimilarExport ZIP
100%

Briesemeister to Bertin1953

✓ Published0🌍 Public
PPhilippe Rivière
Last edited Oct 2, 2017
Created on Sep 30, 2017

This example demonstrates the Bertin 1953 projection as a modified Briesemeister projection, visualized with a world map rendered from a TopoJSON file. Interactive checkboxes let the viewer alter the projection's aspect ratio, rotation, and asymmetric warping applied to the western, southern, or northern hemispheres. The custom projection function is built using `d3.geoProjection`, `d3.geoHammerRaw` from the d3-geo-projection package, and the map is drawn with `d3.geoPath` and a graticule in an SVG.

AI-generated description

The Bertin 1953 projection as a modified Briesemeister.

Forked from <a href='http://bl.ocks.org/alexmacy/'>alexmacy</a>'s block: <a href='http://bl.ocks.org/alexmacy/6700d44240d2b6d3ec9767a5a5854e42'>Projection Transitions v4</a>

gpl-3.0 Licensed

Similar vizzes

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
84% match
Loading thumbnail…

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
78% 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
77% match
Loading thumbnail…

Tobler’s Hyperelliptical projection

This example demonstrates Tobler’s Hyperelliptical projection, a family of pseudocylindrical equal-area map projections with adjustable parameters alpha, gamma, and k. The default configuration renders a world map with a compact, oval-shaped graticule that balances area distortion across the globe. Using d3-geo-projection’s `geoHyperelliptical` projection, the map is drawn as SVG paths via `d3.geoPath`, with land polygons from world-atlas TopoJSON data. Interactive rotation and responsive resizing are enabled through d3-inertia and `fitExtent`.

PPhilippe Rivière
76% 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
76% match
Loading thumbnail…

AzimutalMap

This example shows a world map projected using the Bertin 1953 projection, rendered as an SVG with a white sphere background and interactive country outlines. Hovering over a country changes its fill color to red. The code loads GeoJSON country boundaries from the world-atlas TopoJSON dataset via `d3.json` and converts them using `topojson.feature`. It then applies the `d3.geoPath` generator with the `d3.geoBertin1953` projection to draw each path, and relies on `d3.select` and SVG elements for rendering.

Hhanulik.ondrej@gmail.com
74% match
Loading thumbnail…

Berghaus Star

This visualization displays a world map using the Berghaus star projection, a polyhedral layout that unfolds the globe into a star-like shape with pointed lobes. The map shows landmasses in dark gray, country boundaries as white lines, and a graticule grid, all rendered as SVG. The code uses d3.geo.berghaus, d3.geo.path, d3.geo.graticule, and topojson to load and project world-50m.json data, with a clip path limiting shapes to the sphere.

Mmbostock
74% match
Loading thumbnail…

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`.

Mmbostock
73% match