Van der Grinten II

100%

Van der Grinten II

✓ Published0🌍 Public

Last edited Feb 27, 2019

Created on Mar 24, 2013

This example displays a world map using the Van der Grinten II projection, rendered as an SVG with landmasses in black and country boundaries in white. The code employs `d3.geo.vanDerGrinten2`, `d3.geo.path`, and `d3.geo.graticule` from the D3 v3 extended projection plugin. It overlays a graticule and loads world-50m.json data via the `topojson` library to draw geographic features.

AI-generated description

The Van der Grinten II projection is available as d3.geo.vanDerGrinten2 in the extended geographic projections D3 plugin.

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

Van der Grinten IV

This example displays a world map using the Van der Grinten IV projection, filled with dark land masses and white country boundaries against a graticule grid. The map is rendered as SVG using D3 v3, with the projection accessed via `d3.geo.vanDerGrinten4` from the geo.projection plugin. Geographic data comes from a TopoJSON file of world land and country shapes, processed with `topojson.feature` and `topojson.mesh`. A sphere outline and graticule are drawn with `d3.geo.path` and `d3.geo.graticule`.

Mmbostock

94% match

Loading thumbnail…

Van der Grinten I

The Van der Grinten I example displays a world map using a circular projection with graticule lines, landmasses, and country boundaries. It relies on d3.geo.vanDerGrinten from the geo.projection plugin, d3.geo.path for SVG path generation, and d3.geo.graticule to draw latitude and longitude lines. TopoJSON data from a world-50m file provides the land and boundary features. Land is filled dark, boundaries appear as white strokes, and the sphere outline is emphasized with a thick stroke.

Mmbostock

94% match

Loading thumbnail…

Van der Grinten III

The Van der Grinten III projection renders a world map with a circular boundary, showing landmasses as dark shapes with white country borders over a graticule of meridians and parallels. The visualization uses a D3 v3 geo path with the `d3.geo.vanDerGrinten3` projection from the extended geographic projections plugin. It loads world-50m TopoJSON data, converts it with `topojson.feature` and `topojson.mesh`, and draws the sphere, graticule, and land boundaries as SVG paths, styled with stroke and fill classes.

Mmbostock

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

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

83% match

Loading thumbnail…

August Projection

This example displays a world map using the August projection, a pseudocylindrical equal-area projection that curves parallels and meridians into distinctive intertwined shapes. The map renders land masses in dark gray with white country boundaries overlaid on a graticule, all enclosed within a spherical outline. Using D3 v3, the code employs `d3.geo.august` for the projection, `d3.geo.path` to draw geographic features, and `d3.geo.graticule` for the grid. TopoJSON data provides the world land and country boundaries, loaded from an external JSON file.

Mmbostock

82% match

Loading thumbnail…

Eckert V

This example displays a world map on the Eckert V projection, rendered in SVG for a 960-by-500 viewport. It uses the `d3.geo.eckert5` projection from the geo.projection plugin and `d3.geo.path` to draw graticules, landmasses from a TopoJSON world-50m file, and country boundaries derived via `topojson.mesh`. The map is styled with contrasting strokes and fills against a light background.

Mmbostock

81% match

Loading thumbnail…

Gnomonic

This example shows the world map projected using the gnomonic projection, where great circles appear as straight lines and distortion increases toward the edges. The map is clipped at a 90-degree angle, displaying landmasses in dark gray with white country boundaries over a graticule grid. The visualization uses D3 v3’s `d3.geo.gnomonic` projection and `d3.geo.path` to render SVG paths from TopoJSON world data, with the graticule drawn via `d3.geo.graticule`. The code sets projection scale, translation, and precision before loading the `world-50m.json` file.

Mmbostock

81% match