Skip to main content
SimilarExport ZIP
100%

Mollweide Hemispheres

✓ Published0🌍 Public
Mmbostock
Last edited Feb 27, 2019
Created on Jan 10, 2013

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.

AI-generated description

This Mollweide projection is interrupted into two hemispheres.

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

Mollweide

This example shows a world map projected using the Mollweide projection, with graticule lines, land masses in dark fill, and country boundaries in white. The map is rendered as SVG using D3 v3 with the `d3.geo.mollweide` projection, `d3.geo.path`, and `d3.geo.graticule`. Land and boundary data come from a TopoJSON file of world countries, processed with `topojson.feature` and `topojson.mesh`. The code defines sphere, stroke, fill, graticule, land, and boundary CSS classes to style the visual layers.

Mmbostock
91% match
Loading thumbnail…

Interrupted Mollweide

This example depicts the world using an interrupted Mollweide projection, styled after the Goode homolosine to reduce shape distortion across continents. The landmasses are silhouetted in dark gray with white country boundaries, while a graticule overlays the map. The code builds this projection with `d3.geo.interrupt` applied to `d3.geo.mollweide.raw`, defining custom lobes for each hemisphere. It renders geographical data from the world-50m GeoJSON file via `d3.json`, using `d3.geo.path` to draw the sphere, graticule, land, and boundary features into an SVG canvas.

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

Spherical Mercator

The example shows the spherical Mercator projection applied to a world map, displayed within a circular outline that represents the globe. The map renders landmasses in dark gray with white country boundaries, overlaying a graticule grid of meridians and parallels. Built with d3.geoMercator and d3.geoPath, it draws the sphere outline, graticule, and world geography via SVG paths. Geographic data comes from the world-atlas TopoJSON dataset, processed with topojson-client to extract land and country meshes.

Mmbostock
84% match
Loading thumbnail…

Interrupted Sinu-Mollweide

This example demonstrates the Interrupted Sinu-Mollweide map projection, which splits the world map into several lobes that do not extend all the way to the equator, leaving a gap. The map is rendered with SVG using D3.js v3, including the `d3.geo.interrupt` function to define the lobe boundaries and `d3.geo.path` to project geographic features. Land and country boundaries are drawn from a TopoJSON world dataset, with land filled in black and boundaries outlined in white. A graticule and sphere outline complete the visualization, with a clip path restricting all elements to the globe's shape.

Mmbostock
83% match
Loading thumbnail…

Interrupted Sinusoidal II

This example displays a world map using an interrupted sinusoidal projection, splitting the globe’s landmasses into separate lobes for the northern and southern hemispheres. The map uses a white graticule and country boundaries over dark land areas, all clipped to a sphere outline. The visualization relies on d3-geo-projection’s `geoInterrupt` and `geoSinusoidalRaw` functions, with paths drawn using `d3.geoPath`. Geographic data comes from a world-50m GeoJSON file, processed via the topojson library, and rendered as SVG elements.

Mmbostock
83% match
Loading thumbnail…

Interrupted Mollweide Oceans

This example visualizes an ocean-centric interrupted Mollweide projection, using d3.geoInterrupt to combine d3.geoMollweideRaw with custom lobe boundaries that split the globe along landmasses. The map renders world land and country boundaries from TopoJSON, clipped to a spherical outline, with a graticule and a red marker that follows the mouse via projection.invert. It relies on d3.v4, d3-geo-projection, and topojson.v1, drawing everything as SVG paths with d3.geoPath.

PPhilippe Rivière
83% match
Loading thumbnail…

Sinu-Mollweide

This example demonstrates the Sinu-Mollweide map projection, a hybrid of the Mollweide and Sinusoidal projections, rendered as an SVG world map. The code uses D3 v3 with the extended geographic projections plugin, specifically calling `d3.geo.sinuMollweide` to define the projection. The map displays graticules, landmasses from a TopoJSON file (`world-50m.json`), and country boundaries, with a sphere outline and white fill. The projection is centered and scaled, and `d3.geo.path` handles the path generation for all geographic features.

Mmbostock
82% match