Eckert I

100%

✓ Published0🌍 Public

Last edited Feb 27, 2019

Created on Sep 16, 2012

This example displays a world map using the Eckert I projection, with landmasses filled in dark gray and country boundaries outlined in white against a graticule grid. The spherical outline is drawn with a thick black stroke and white fill, emphasizing the projection’s oval shape. The visualization uses D3 v3, the `d3.geo.eckert1` projection from the geo.projection plugin, and `d3.geo.path` to render geographic features. World data comes from a TopoJSON file (`world-50m.json`), processed with `topojson.feature` and `topojson.mesh` to separate land and country boundaries.

AI-generated description

The Eckert I projection is available as d3.geo.eckert1 in the geo.projection D3 plugin.

gpl-3.0 Licensed

Similar vizzes

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

95% match

Loading thumbnail…

Eckert IV

This example demonstrates the Eckert IV map projection, a pseudocylindrical equal-area projection that renders the entire world on a 960 by 500 pixel SVG canvas. The visualization displays the projected globe with graticule lines, landmasses in dark gray, and country boundaries in white. Using D3.js v3, the code employs `d3.geo.eckert4()` alongside the `d3.geo.path`, `d3.geo.graticule`, and the `d3.geo.projection` plugin to construct paths. World map data comes from a GeoJSON file containing 50-meter resolution land and country features, processed through TopoJSON.

Mmbostock

93% match

Loading thumbnail…

Eckert VI

This example demonstrates the Eckert VI map projection, a pseudocylindrical equal-area projection that displays the entire globe within an ellipse. The map shows world land masses as dark regions with white country boundaries overlaid on a graticule, all rendered as SVG. The code uses the D3 v3 library with the `d3.geo.eckert6` projection plugin, `d3.geo.path` for projecting geographic features, and `d3.geo.graticule` for the coordinate grid. World data comes from a 50m resolution GeoJSON file loaded via `d3.json`, and TopoJSON is used to extract land and boundary shapes.

Mmbostock

93% match

Loading thumbnail…

Eckert II

This example demonstrates the Eckert II projection, a pseudocylindrical equal-area map projection, applied to a world map. A graticule overlays the projection to show latitude and longitude lines, while landmasses appear in dark gray with white country boundaries. The visualization loads world data from a TopoJSON file and renders it using D3 v3’s `d3.geo.eckert2` projection and `d3.geo.path` for SVG paths. Spherical outlines are drawn via a sphere path, and the graticule is generated with `d3.geo.graticule`.

Mmbostock

93% match

Loading thumbnail…

Eckert III

This example demonstrates the Eckert III map projection, a pseudocylindrical projection that preserves equal area. The SVG canvas displays a graticule and world map, with landmasses rendered in dark gray and country boundaries in white. Using the D3 v3 library, the code employs `d3.geo.eckert3()` for the projection, `d3.geo.path()` to draw geographic paths, and `d3.geo.graticule()` to generate the grid. The world map data is loaded from a remote GeoJSON file via `d3.json()` and transformed using the TopoJSON library.

Mmbostock

91% match

Loading thumbnail…

Eckert–Greifendorff

This example visualizes the Eckert–Greifendorff projection, a custom variant of the Hammer projection with a coefficient of 4, by displaying world landmasses and country boundaries overlaid on a graticule. The spherical outline is drawn with a white fill and black stroke, while land appears in dark gray. It uses D3 v3, the `d3.geo.hammer` plugin, and TopoJSON to load and render the world-50m dataset via SVG paths. The projection is configured with a scale and translation to center the map.

Mmbostock

86% match

Loading thumbnail…

Aitoff

This example displays a world map using the Aitoff projection, a compromise projection that represents the entire globe in an ellipse. The map shows landmasses in dark gray and country boundaries as white lines over a graticule of latitude and longitude lines. Built with D3 v3 and the `d3.geo.aitoff` projection from the geo.projection plugin, it uses `d3.geo.path` to render the sphere, graticule, and land features. The world data is loaded as TopoJSON from a remote gist and processed with `topojson.feature` and `topojson.mesh`.

Mmbostock

83% match

Loading thumbnail…

Eisenlohr

The Eisenlohr projection is displayed as a world map, with graticule lines, country boundaries, and shaded landmasses rendered inside a circular sphere outline. The map is drawn using D3’s `d3.geo.eisenlohr` projection from the geo.projection plugin, with `d3.geo.path` converting GeoJSON and TopoJSON features into SVG paths. Land and boundary data comes from a 50-meter world TopoJSON file, loaded via `topojson.feature` and `topojson.mesh`, while graticule lines are generated with `d3.geo.graticule`.

Mmbostock

83% match