Skip to content
Globe Viewer - Visualize the globe using WebGL
Branch: master
Clone or download
Latest commit 7840319 Jul 6, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
app
script
.gitignore
LICENSE
README.md
demo.jpg
package.json
webpack.common.js
webpack.dev.js
webpack.prod.js
yarn.lock create dev and prod webpack builds Jul 2, 2018

README.md

Globe Viewer

Globe Viewer Example

Renders the globe in different ways using WebGL (Live Demo). Uses fixed data sources for now, though this is meant as a base for visualizations that add other data sets.

Installing and Running

Requires:

  • a recent version of nodejs and yarn
  • topojson (yarn global add topojson)
  • ImageMagick

To install, clone the repo and download and prepare the data (this may take a few minutes):

yarn install
yarn make-vectors
yarn process-images

To run:

yarn start

The viewer should now be available at http://localhost:3333

Data Sources

Land color (app/assets/data/color-*)

Natural Earth Cross Blended Hypsometry http://www.naturalearthdata.com/downloads/10m-cross-blend-hypso/cross-blended-hypso/

Topography and bathymetry (app/assets/data/topo-bathy-*)

Blue Marble http://visibleearth.nasa.gov/view_cat.php?categoryID=1484

Night Sky Lights (app/assets/data/lights-*)

Blue Marble http://visibleearth.nasa.gov/view_cat.php?categoryID=1484

Land, Ocean, Rivers, and Borders (app/assets/data/vectors.json)

Natural Earth Physical Vectors http://www.naturalearthdata.com/downloads/50m-physical-vectors/

These physical vectors can be downloaded and processed using ./scripts/make-vectors.sh The resulting json is then drawn to an offscreen canvas in the browser using vectorLayer.js

Other Globe Visualizations / Platforms on the Web

https://github.com/dataarts/webgl-globe

https://cesiumjs.org/

https://earth.nullschool.net/

http://hint.fm/wind/

http://alteredqualia.com/xg/examples/earth_bathymetry.html

http://alteredqualia.com/xg/examples/earth_seasons.html

You can’t perform that action at this time.