Sinu-Mollweide

100%

Sinu-Mollweide

✓ Published0🌍 Public

Last edited Feb 27, 2019

Created on Dec 17, 2012

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.

AI-generated description

The Sinu-Mollweide projection is a combination of the Mollweide and Sinusoidal projections. It is available as d3.geo.sinuMollweide in the extended geographic projections plugin. See also Philbrick’s interrupted form.

gpl-3.0 Licensed

Similar vizzes

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

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

86% match

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

84% match

Loading thumbnail…

Mollweide Hemispheres

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.

Mmbostock

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

81% match

Loading thumbnail…

Equidistant Conic Projection

This example shows a world map drawn with the equidistant conic projection, including a graticule, landmasses, and country boundaries. The map is rendered as SVG using D3’s `d3.geo.conicEquidistant` projection and `d3.geo.path` to generate the paths. A sphere outline and graticule are drawn first, then geographic data from a TopoJSON file (`world-50m.json`) is loaded with `topojson.feature` and `topojson.mesh` to display land and political borders.

Mmbostock

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

78% match

Loading thumbnail…

Flat-Polar Sinusoidal

This visualization displays a world map using the flat-polar sinusoidal projection, with landmasses shown in dark gray and country boundaries as white lines over a graticule. The map is rendered as SVG paths using d3.geo.path with d3.geo.mtFlatPolarSinusoidal, while d3.geo.graticule generates the latitude and longitude grid. Land and boundary data come from a TopoJSON file loaded via d3.json, with features extracted using topojson.feature and topojson.mesh.

Mmbostock

78% match