Skip to main content
SimilarExport ZIP
100%

Azimuthal Equidistant

✓ Published0🌍 Public
Mmbostock
Last edited Feb 9, 2016
Created on Jan 2, 2013

This example uses D3 version 3 to create an azimuthal equidistant projection centered on New York City. It draws graticule rings at constant distances from that origin using `d3.geo.circle` and projects them with `d3.geo.azimuthalEquidistant`. The map renders world landmasses and country boundaries from a TopoJSON source, presenting the Earth’s surface as a set of concentric distance rings with a white boundary overlay.

AI-generated description

This example uses d3.geo.circle and d3.geo.azimuthalEquidistant to draw rings of constant distance from New York City.

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

Azimuthal Equidistant

This example demonstrates the azimuthal equidistant projection, a map projection that preserves accurate distances from a central point. The map is centered on San Francisco, with the world rendered using outlines and filled landmasses. The visualization uses D3’s `d3.geoAzimuthalEquidistant` projection and `d3.geoPath` to draw the sphere, graticule, and geographic features. Land and boundary data come from a world-atlas TopoJSON file, processed using the `topojson-client` library. The SVG output includes a graticule, a stroked sphere outline, and a white-filled sphere background.

Mmbostock
88% match
Loading thumbnail…

Polar Azimuthal Equal-area

This example visualizes the Earth using the polar azimuthal equal-area projection, with landmasses in black and country boundaries in white against a graticule. The map is centered on the North Pole and rendered as an SVG, with a sphere outline and fill. The code uses `d3.geo.azimuthalEqualArea()` for the projection and `d3.geo.path()` to draw features from a TopoJSON world dataset loaded via `d3.json`.

Mmbostock
80% match
Loading thumbnail…

Lambert Azimuthal Equal-Area

This example visualizes world landmasses and country boundaries using a Lambert azimuthal equal-area projection, centered on the globe to produce a circular map. The graticule and sphere outline frame the map, while land is filled dark against a light background. Built with D3 v4, it uses `d3.geoAzimuthalEqualArea` for projection, `d3.geoPath` for rendering shapes, and `d3.geoGraticule` for the grid, pulling geographic data from a world-50m JSON dataset via `topojson`. The SVG output is styled with CSS classes for land, boundaries, and graticule.

Mmbostock
78% match
Loading thumbnail…

Azimuthal (Orthographic) Projection

This visualization displays world country boundaries using an azimuthal orthographic projection, creating a globe-like view with a 90-degree clip angle. The map renders as SVG paths with gray fills and white strokes. The code loads geographic data from countries.json and projects it using d3.geo.orthographic() and d3.geo.path() from D3 v3.

Mmbostock
77% match
Loading thumbnail…

Now

A south polar azimuthal equidistant projection shows the world map oriented so noon is at the top, continuously rotating to reflect the current time of day. Built with D3 v3, it uses `d3.geo.azimuthalEquidistant` and `d3.geo.path` to render SVG land and boundary shapes from TopoJSON, with a graticule and sphere outline. A `d3.timer` updates the map’s rotation every frame based on the UTC time difference from midnight, creating a live, animated representation of Earth’s rotation.

Mmbostock
77% 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
76% match
Loading thumbnail…

Craig Retroazimuthal

This example displays a world map using the Craig retroazimuthal projection, centered on Mecca, with a graticule and country boundaries overlaid on dark landmasses. The map is rendered as SVG using D3 v3, with the projection defined via `d3.geo.craig()` and geographic features drawn through `d3.geo.path()`. Land and boundary data come from a TopoJSON file of world-50m, and the graticule is generated by `d3.geo.graticule()`. A spherical outline and white fill frame the projection, which is clipped to a 90-degree angle.

Mmbostock
75% match
Loading thumbnail…

AzimutalMap

This example shows a world map projected using the Bertin 1953 projection, rendered as an SVG with a white sphere background and interactive country outlines. Hovering over a country changes its fill color to red. The code loads GeoJSON country boundaries from the world-atlas TopoJSON dataset via `d3.json` and converts them using `topojson.feature`. It then applies the `d3.geoPath` generator with the `d3.geoBertin1953` projection to draw each path, and relies on `d3.select` and SVG elements for rendering.

Hhanulik.ondrej@gmail.com
75% match