Satellite Projection Test

100%

Satellite Projection Test

✓ Published0🌍 Public

Last edited Feb 9, 2016

Created on Sep 26, 2012

A tilted perspective satellite projection of the eastern seaboard, viewed from above Newburg, N.Y., overlays a red 1° graticule on a scanned reference map. The code uses d3.geo.satellite() with custom distance, rotation, and tilt parameters, and manually offsets the projection to align the graticule with the map image. It renders the graticule as an SVG path via d3.geo.path(), using d3.geo.graticule() to define the extent. The background image is loaded from a local readme.png file, and the graticule is clipped to a small area around the reference coordinates.

AI-generated description

Figure 37.—Tilted Perspective projection. Eastern seaboard viewed from a point about 160 km above Newburg, N.Y. Parameters using symbols in text: φ₁ = 41º 30′ N. lat, λ₀ = 74º 00′ W. long., ω = 55º, γ = 210º, P = 1.025. 1º graticule.

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

Satellite Projection

This example shows a satellite projection of the United States, with a graticule overlay and land boundaries rendered as SVG paths. The projection is created with `d3.geo.satellite()`, configured with a distance, scale, rotation, center, and tilt to simulate a view from space. The graticule is generated using `d3.geo.graticule()` and the map data is loaded from an external JSON file via `d3.json`. The code uses `d3.geo.path()` with the projection to draw both the graticule and the land polygons, which are converted from TopoJSON using `topojson.feature()`.

Mmbostock

83% match

Loading thumbnail…

Satellite

This visualization shows a rotating globe with a graticule and sphere outline from the perspective of a satellite orbiting Earth. The animation continuously adjusts the camera tilt and rotation, creating a dynamic view of the planet’s surface. It uses the D3.js graphics pipeline with `d3.geo.satellite` for projection, `d3.geo.clipCircle` for visibility clipping, and the Canvas API for rendering. The data source is a graticule and sphere generated on the fly, with real-time animation driven by a timer and elapsed time.

Mmbostock

76% match

Loading thumbnail…

satellite projection w graticule

This interactive visualization projects a view of Earth from a satellite, centered on Europe and North Africa, with a graticule grid overlaid. It uses `d3.geo.satellite()` to define the projection and renders map data onto a canvas via the StaticCanvasMap. The map displays Natural Earth coastline, Spanish provinces, and urban areas as separate layers, painting features dynamically with the spam library. A marker and label for Madrid are also projected and drawn on the map.

LLuisSevillano

74% match

Loading thumbnail…

Satellite Projection Hebrides

A satellite projection of the Hebrides islands displays land, rivers, and lakes in muted greens and blues, rotating slowly to simulate an orbital view. The map redraws its geographic features as the mouse moves, adjusting latitude and longitude to follow the cursor. Built with D3.js and the d3-geo-projection library, it uses `d3.geoSatellite`, `d3.geoPath`, and TopoJSON data for vectors. The visualization updates paths dynamically, rendering SVG shapes with animation when idle.

PPhilippe Rivière

73% match

Loading thumbnail…

line between points w satellite projection

A satellite projection renders the Earth from an angled, tilted viewpoint, with graticule lines, country borders, and urban areas drawn from Natural Earth data via TopoJSON. A dashed red quadratic curve connects projected city markers for Paris and Rome, both plotted as points over the map. The visualization uses D3.js and the d3.geo.satellite projection from the d3-geo-projection plugin, with features painted onto a continuously rendered canvas.

LLuisSevillano

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

71% match

Loading thumbnail…

Craster Parabolic

This example displays a world map projected using the Craster parabolic projection, with graticule lines, country boundaries, and landmasses rendered in SVG. The visualization uses d3.geo.craster from the d3.geo.projection.v0 library, along with d3.geo.path for geographic path generation and topojson.v1 to parse world-50m.json data. A sphere outline and fill are drawn first, followed by graticule and geographic features from the TopoJSON file, with styling applied via CSS classes.

Mmbostock

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

70% match