nasa world wind

100%

nasa world wind

✓ Published0🌍 Public

Last edited Apr 26, 2024

Created on Apr 26, 2024

This example presents an interactive three-dimensional globe using the NASA World Wind API, allowing exploration of Earth through a virtual globe interface. The visualization renders satellite imagery and geographical data directly from NASA's servers, with the globe rotating smoothly in response to user drag and zoom commands. The code implements the World Wind Java-compatible JavaScript library, which handles the complex projection and tile-loading of global imagery layers. Together with the supporting HTML structure, this creates a lightweight, web-based alternative to desktop GIS clients.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Nasa Worldwind Fundamentals

This interactive visualization showcases a 3D Earth globe with real-world satellite imagery as its base layer, using NASA WorldWind's JavaScript API to render the planet within an HTML5 Canvas. In addition to the global topographic map, the program integrates a collection of star positions and tectonic plate boundaries, which can be overlaid on the globe. To guide the user, a compass and coordinate display are included, along with on-screen controls for panning, zooming, and tilting the view. The visualization leverages the WorldWind library's layer system to combine the Blue Marble Next Generation (BMNG) imagery and Landsat data with the user-provided GeoJSON datasets for stars and plates, all rendered via the Canvas API.

DDonald Bagwell

85% match

Loading thumbnail…

Web Worldwind starter

This example shows a NASA Web WorldWind globe rendered on an HTML5 Canvas. It displays a blue extruded polygon, a labeled red placemark, and a WMS layer, with navigation controls and coordinate readouts using the WorldWind API. The code initializes a `WorldWindow`, adds imagery, terrain, and shape layers, and creates a `Placemark` and `Polygon` with custom attributes. A WMS layer pulls data from a NASA service over HTTP, and a `ColladaLoader` can load a 3D model.

DDonald Bagwell

77% match

Loading thumbnail…

Globe with Panning & Zooming

This example presents an interactive orthographic globe that users can pan by dragging and zoom with the scroll wheel. The visualization renders landmasses and internal country borders, projecting the 3D sphere onto a 2D plane using d3.geoOrthographic and d3.geoPath. The globe's rotation and scale are controlled via d3.drag and d3.zoom, with panning sensitivity inversely tied to the current zoom level. World geometry comes from the visionscarto-world-atlas package, processed with topojson-client to extract features and meshes.

SShad Frigui

71% match

Loading thumbnail…

Globe with panning & zooming

This example presents an interactive globe that users can pan and zoom, rendered using a D3 orthographic projection. Landmasses and internal country borders are drawn from the visionscarto-world-atlas TopoJSON dataset via `d3.geoOrthographic` and `geoPath`. The globe responds to drag interactions for rotation and mouse-wheel zoom events, adjusting the projection’s rotation and scale through `d3.drag` and `d3.zoom` handlers. A fitted initial view establishes the default scale, while the sphere, land, and country-mesh features are styled via CSS classes.

SShad Frigui

69% match

Loading thumbnail…

Globe with Panning & Zooming

This example shows an interactive orthographic globe of the world that supports panning and zooming. It displays country outlines and graticules, rendered with the d3-geo projection system and the geoPath and geoGraticule APIs. The visualization loads GeoJSON country data from a remote TopoJSON file. Users can drag to rotate the globe, which updates the projection’s rotation, and scroll to zoom, which adjusts the scale around a fitted initial view. The code relies on d3-drag and d3-zoom behaviors to handle these interactions.

NNelson M

69% match

Loading thumbnail…

Wolrd Cities WIP (Globe with Panning & Zooming)

This example displays a navigable globe with panning and zooming, using a D3 orthographic projection to render landmasses and cities with a population over 50,000. It loads geographic data from the visionscarto-world-atlas and city data from a CSV sourced from the World Cities Database. The `d3.drag` behavior adjusts the globe’s rotation, while `d3.zoom` scales it, with each interaction updating the projection via `d3.geoOrthographic` and `geoPath`.

SShad Frigui

68% match

Loading thumbnail…

World Map w/ Rotation

This example presents an interactive world map as a rotating orthographic globe. The visualization loads geographic boundary data from a JSON file and renders it as SVG paths, continuously adjusting the map’s rotation with a timer. The animation rotates the projection along its horizontal axis using `projection.rotate()`, while a tilting offset adjusts the vertical perspective. The map uses `d3.geoOrthographic`, `d3.geoPath`, and `d3.geoProjection` to create the spherical effect, and the countries are filled with a solid green color.

Ssalimjivani

68% match

Loading thumbnail…

Spinning Globe

This example shows a world map projected onto a rotating globe, using an orthographic projection to create a 3D effect. It displays the graticule and country boundaries with a simple, clean visual style. The code uses `d3.geoOrthographic` and `d3.geoPath` to render the map, and `d3.geoGraticule` for the grid lines. It loads country data from a TopoJSON file via `topojson-client` and manages rotation through state. The animation is implemented using `requestAnimationFrame` to update the rotation values, though it is currently disabled.

SShad Frigui

67% match