Eckert II

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.

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.

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.

Eckert I

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.

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.

90% match

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.

84% match

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.

80% match

Equirectangular (Plate Carrée)

This example demonstrates the equirectangular (Plate Carrée) projection, a simple geographic mapping where latitude and longitude are plotted linearly on a flat grid. The visualization displays world landmasses in dark gray and country boundaries in white, overlaid with a graticule grid at half opacity. The code uses d3.geoEquirectangular to define the projection, d3.geoPath for rendering, and topojson to parse world-50m.json data. The map is drawn as SVG paths with styling for land, boundaries, and graticule layers.