Aitoff Graticule

100%

Aitoff Graticule

✓ Published0🌍 Public

Last edited Feb 9, 2016

Created on Sep 7, 2012

This visualization displays a global graticule—the network of latitude and longitude lines—projected using the Aitoff map projection. The black graticule lines are drawn as SVG paths, with a thicker outline marking the projection’s outer boundary. The code uses the D3.js v3 library, specifically `d3.geo.aitoff()`, `d3.geo.path()`, and `d3.geo.graticule()`, to generate the geographic coordinates and render them as vector graphics.

AI-generated description

gpl-3.0 Licensed

Similar vizzes

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

84% match

Loading thumbnail…

Winkel Tripel Graticule

This example displays a global graticule—a mesh of latitude and longitude lines—projected using the Winkel Tripel projection, with a thicker outline emphasizing the map’s outer boundary. The visualization uses D3 v3’s `d3.geo.winkel3()` projection, `d3.geo.path()` to render the projected geometry, and `d3.geo.graticule()` to generate the grid. The graticule lines and outline are drawn as SVG paths, with the projection scaled and centered to fit a 960×500 canvas.

Mmbostock

79% match

Loading thumbnail…

Orthographic Grid

An orthographic grid of graticule lines at 10-degree intervals rotates slowly over time, demonstrating an azimuthal projection that resembles a globe viewed from space. The visualization uses D3 v3’s `d3.geo.orthographic`, `d3.geo.path`, and `d3.geo.graticule` to render SVG paths, while a `d3.timer` continuously updates the projection’s rotation based on a fixed velocity vector. A static circle outlines the globe’s edge, and the animation shows how latitude and longitude lines curve as the view shifts.

Mmbostock

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

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

76% match

Loading thumbnail…

Littrow

The example displays a world map using the Littrow projection, with landmasses in dark gray and country boundaries in white, clipped to a spherical outline. It also overlays a graticule to show latitude and longitude lines. The visualization uses D3 v3 with the `d3.geo.littrow` projection plugin, `d3.geo.path`, and `d3.geo.graticule` to render geographic data from a TopoJSON file containing world land and country boundaries, all drawn as SVG elements.

Mmbostock

75% match

Loading thumbnail…

Lagrange

A Lagrange projection of the world is displayed as an SVG, with landmasses in black and country boundaries in white, all enclosed by a graticule and circular sphere outline. The example uses the D3.js v3 library with the `d3.geo.lagrange` projection plugin, rendered through `d3.geo.path` and `d3.geo.graticule`. Geographic data is loaded from a world-50m GeoJSON file via TopoJSON, which provides the land and country features drawn as SVG paths.

Mmbostock

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

75% match