Sinusoidal

100%

✓ Published0🌍 Public

Last edited Feb 27, 2019

Created on Sep 13, 2012

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

AI-generated description

The sinusoidal projection is available as d3.geo.sinusoidal in the geo.projection D3 plugin. An interrupted version of this projection is more commonly used. The sinusoidal projection is also used by the Goode homolosine and Sinu-Mollweide projections. The Bonne projection with a standard parallel of 0° is equivalent to the sinusoidal projection. See also the McBryde–Thomas flat-polar sinusoidal projection.

gpl-3.0 Licensed

Similar vizzes

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

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

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

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

83% 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…

Goode Homolosine

This example displays a world map using the Goode homolosine projection, a pseudocylindrical projection that combines the sinusoidal and Mollweide projections. The map shows land masses in dark gray with country boundaries in white, set against a graticule and a white sphere backdrop. The visualization uses D3 v3 with the `d3.geo.homolosine` projection API to render the map as SVG paths, pulling land and country data from a TopoJSON file via `topojson.feature` and `topojson.mesh`.

Mmbostock

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

79% match

Loading thumbnail…

Rectangular Polyconic

This example demonstrates the rectangular polyconic map projection, a pseudoconical projection that renders the world with curved meridians and straight parallels. The map shows landmasses in dark gray with country boundaries in white, overlaid on a graticule grid and enclosed by a spherical outline. Built with D3.js v3, it uses `d3.geo.rectangularPolyconic` from the extended projections plugin, `d3.geo.path` for geographic rendering, and `d3.geo.graticule` to generate the grid. World geometry comes from a TopoJSON file loaded via `topojson.feature` and `topojson.mesh`.

Mmbostock

78% match