Skip to main content
SimilarExport ZIP
100%

Interrupted Sinusoidal

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

This example shows an interrupted sinusoidal projection of the world map, with the globe split into separate lobes in both hemispheres to emphasize land masses. The asymmetrical lobe boundaries, based on the Nordisk Världs Atlas, are visible through the white borders between countries. The visualization uses `d3.geoInterrupt` with `d3.geoSinusoidalRaw` to define the projection, and `d3.geoPath` to render the sphere, graticule, land, and country boundaries. Geographic data comes from the `world-50m.json` TopoJSON file, which is processed with `topojson.feature` and `topojson.mesh`.

AI-generated description

This interrupted sinusoidal projection is available as d3.geoInterruptedSinusoidal in d3-geo-projection. The asymmetrical lobe boundaries emphasize land masses over oceans, after the Swedish <i>Nordisk Världs Atlas</i> as reproduced by C.A. Furuti.

gpl-3.0 Licensed

Similar vizzes

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
96% 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
90% 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
86% match
Loading thumbnail…

Interrupted Boggs Eumorphic

This example shows a world map using the interrupted Boggs eumorphic projection, a composite of the sinusoidal and Mollweide projections. The map displays landmasses, country boundaries, and graticules, with the projection interrupted into separate lobes for the northern and southern hemispheres. The code uses `d3.geo.interrupt` with `d3.geo.boggs.raw` from the geo.projection plugin, along with `d3.geo.path` for rendering SVG paths. It loads world-50m.json via TopoJSON and clips all features to a spherical outline using a clipPath.

Mmbostock
85% match
Loading thumbnail…

Interrupted Goode Homolosine

This example demonstrates the Interrupted Goode Homolosine projection, a composite map projection that divides the world into lobes to minimize distortion. The visualization renders land masses in dark gray, country boundaries in white, and a graticule over a sphere outline, all clipped to the projection’s shape. It uses the `d3.geo.interrupt` and `d3.geo.homolosine` functions from the `d3.geo.projection` plugin, along with `d3.geo.graticule`, `d3.geo.path`, and TopoJSON data from the `world-50m.json` source.

Mmbostock
84% match
Loading thumbnail…

Sinusoidal

This example demonstrates the sinusoidal map projection, which represents the entire world on a two-dimensional plane with curved meridians and straight parallels. The visualization uses D3 v3 with the `d3.geo.sinusoidal` projection from the d3.geo.projection plugin, rendering land masses and country boundaries from a TopoJSON dataset. The map includes a graticule overlay and a white sphere outline, with land filled in dark gray and boundaries drawn in white. The code defines the projection’s scale, translation, and precision via `d3.geo.path`.

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

Interrupted Homolosine Oceans

This example renders an ocean-centric interrupted Homolosine projection, highlighting the seas while clipping landmasses and graticules to a spherical boundary. It uses `d3.geoInterrupt` with `d3.geoHomolosineRaw` and custom lobe definitions to split the world into segments. The map displays a mouse-following red marker via `projection.invert`, with land and country boundaries from a TopoJSON `world-50m.json` file. The SVG output is styled with strokes, fills, and a graticule, all drawn using `d3.geoPath`.

PPhilippe Rivière
81% match