InterruptedSinuMollweide inverse projection

100%

InterruptedSinuMollweide inverse projection

✓ Published0🌍 Public

Last edited Apr 30, 2017

Created on Apr 30, 2017

This example demonstrates the inverse of the InterruptedSinuMollweide projection, visually validating that the projection and its inverse accurately map points on a sphere. A grid of points is rendered in green when the forward and inverse projections agree, red when they disagree, and blue when inversion fails. The code uses d3-geo-projection's `d3.geoInterruptedSinuMollweide` and `d3.geoPath` to draw the graticule and world map from TopoJSON data. The inverse computation relies on `d3.geoSolve`, and the visualization is rendered as an SVG with interactive mouse tracking.

AI-generated description

Computing the inverse of the InterruptedSinuMollweide projection for issue #85.

See <a href='http://bl.ocks.org/Fil/'>Fil</a>'s block: <a href='http://bl.ocks.org/Fil/07930ee04d7fbd9e5e3e84e803d35dcf'>ChamberlinAfrica inverse projection</a> for details of the method.

For this specific projection we had to add syntactic sugar, and export d3-geo:solve as d3.geoSolve() to be able to use it directly in d3-geo-projection:interrupt.invert.

gpl-3.0 Licensed

Similar vizzes

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

82% match

Loading thumbnail…

Interrupted Homolosine

This example demonstrates D3’s `geoInterruptedHomolosine` projection by rendering a world map with landmasses, country boundaries, and a graticule. It also visualizes the inverse projection by moving a red marker to the geographic coordinates corresponding to the mouse position, using `projection.invert`. The map uses `d3.geoPath` with SVG, TopoJSON for world data, and `d3.geoGraticule`, clipped to a spherical outline. The projection is fitted to the viewport with `fitExtent`.

PPhilippe Rivière

81% match

Loading thumbnail…

geoGringortenQuincuncial inverse, fixed

This example tests the inverse projection of D3’s `geoGringortenQuincuncial`, marking points on a world map green when round-trip coordinates match and red when they fail. The map renders land and graticule via `d3.geoPath` with TopoJSON data, while a small grid of latitude-longitude pairs validates the inverse function. An orange marker follows the mouse, showing the projected location of the cursor’s inverted coordinates. The visualization uses d3-geo-projection and d3-geo with an SVG output, focusing on a specific bug fix for the projection’s inverse behavior.

PPhilippe Rivière

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

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

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

77% match

Loading thumbnail…

Interrupted Sinusoidal

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

Mmbostock

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

75% match