Equal to all,
fair to the Earth
This is the project for all people on the earth. The earth is round.
A 3D globe with no install, no account and no server. Share the GIS data you made with everyone on Earth.
japan(demo)26 languages
A demo that draws everything with one camera — from Japan's city data (PLATEAU) to the Solar System, from flat maps to 3D maps.Equal Earth26 languages
A scrolling Equal Earth world map with choropleths. Right-click any point to turn it into a 3D globe centered there.geoedit26 languages
A map editor. Draw and fix shapes on the 3D globe, and save them as GIS data.Nations of the World26 languages
Basic data for the countries and territories of the world, as cards — facts, flag and anthem, Wikipedia and map.World earthquakes26 languages
Reads USGS earthquake data directly and shows each quake in 3D by its energy and depth. It can also play year by year or month by month.Satellites26 languages
The current positions of satellites from CelesTrak data. Click a satellite to draw its orbit in 3D.ortho-solar26 languages
The current positions of the planets and their moons — and a replay of how they move over time.Make a video26 languages
Cut out scenes of the 3D map and save or play them as one continuous video.GeoPBF26 languages
Drop a GIS file, check it on the globe, write it in another format — 18 formats in, 14 out. The file never leaves your machine.Japan's open GIS dataJapanese only
View and convert the open GIS data published in Japan.census2020Japanese only
Drill down into Japan's 2020 census — small-area statistics, disaster risk zones and land parcels.Satellite data (COG)English only
Satellite images (COG) on a server (Tellus), laid over the globe in 3D.ortho-japan26 languages
A map drawn only from Japan's public data. Try out the basic features.GLB models26 languages
Landmarks such as Tokyo Tower, placed on the globe as GLB models. Download them in a range of 3D formats.Aerial photo tiles26 languages
GSI aerial photo tiles. Any XYZ tiles or PMTiles can be shown in 3D.Statistics in 3D26 languages
A 3D graph from the 2020 census — every municipality raised by its population density.An old map of Edo26 languages
A woodblock map of Nihonbashi from 1850 (National Diet Library), laid on today's Tokyo.ortho-nl26 languages
The Netherlands, drawn with 3DBAG data.
A demo that draws everything with one camera — from Japan's city data (PLATEAU) to the Solar System, from flat maps to 3D maps.Equal Earth26 languagesA scrolling Equal Earth world map with choropleths. Right-click any point to turn it into a 3D globe centered there.geoedit26 languagesA map editor. Draw and fix shapes on the 3D globe, and save them as GIS data.Nations of the World26 languagesBasic data for the countries and territories of the world, as cards — facts, flag and anthem, Wikipedia and map.World earthquakes26 languagesReads USGS earthquake data directly and shows each quake in 3D by its energy and depth. It can also play year by year or month by month.Satellites26 languagesThe current positions of satellites from CelesTrak data. Click a satellite to draw its orbit in 3D.ortho-solar26 languagesThe current positions of the planets and their moons — and a replay of how they move over time.Make a video26 languagesCut out scenes of the 3D map and save or play them as one continuous video.GeoPBF26 languagesDrop a GIS file, check it on the globe, write it in another format — 18 formats in, 14 out. The file never leaves your machine.Japan's open GIS dataJapanese onlyView and convert the open GIS data published in Japan.census2020Japanese onlyDrill down into Japan's 2020 census — small-area statistics, disaster risk zones and land parcels.Satellite data (COG)English onlySatellite images (COG) on a server (Tellus), laid over the globe in 3D.ortho-japan26 languagesA map drawn only from Japan's public data. Try out the basic features.GLB models26 languagesLandmarks such as Tokyo Tower, placed on the globe as GLB models. Download them in a range of 3D formats.Aerial photo tiles26 languagesGSI aerial photo tiles. Any XYZ tiles or PMTiles can be shown in 3D.Statistics in 3D26 languagesA 3D graph from the 2020 census — every municipality raised by its population density.An old map of Edo26 languagesA woodblock map of Nihonbashi from 1850 (National Diet Library), laid on today's Tokyo.ortho-nl26 languagesThe Netherlands, drawn with 3DBAG data.Free to use in education, always. Ready to use as is in classrooms around the world.
Two ways to build with the globe. Every step here is run by an automated test against the published npm packages.
Build with code
Vite and npm — the whole world first, then your own data on top.
- Create a project and add the globe
npm create vite@latest my-globe -- --template vanilla --no-interactive cd my-globe npm install npm install @ortho-earth/globe - Tell Vite about the globe's workers (vite.config.js)
export default { optimizeDeps: { exclude: ["@ortho-earth/globe", "@ortho-earth/core"] }, worker: { format: "es" }, }; - Replace index.html and src/main.js
index.html
src/main.js<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>My globe</title> <link rel="icon" href="data:,"> <style>html, body { margin: 0; height: 100%; } #map { height: 100vh; }</style> </head> <body> <div id="map"></div> <script type="module" src="/src/main.js"></script> </body> </html>import { createGlobe } from "@ortho-earth/globe"; const map = await createGlobe({ target: "#map", view: "#3/20/140" }); // "#zoom/lat/lon" - Run it and open the address it prints — the Earth appears with its night side, stars and country borders
npm run dev - Add your own data at the end of src/main.js (MapLibre-style layers)
map.addSource("cities", { type: "geojson", data: { type: "FeatureCollection", features: [ { type: "Feature", properties: { name: "Tokyo" }, geometry: { type: "Point", coordinates: [139.77, 35.68] } }, { type: "Feature", properties: { name: "Seoul" }, geometry: { type: "Point", coordinates: [126.98, 37.57] } }, ], }, }); await map.addLayer({ id: "cities", type: "circle", source: "cities", paint: { "circle-radius": 6, "circle-color": "#e4572e" } });
No bundler? Copy the prebuilt SDK into your site — it is in the full recipe.
Full recipe Docs npmBuild with an AI agent
Claude Code, Cursor, Codex … Give it the address of the recipe and say what you want.
- Open your AI coding agent in an empty folder
- Paste a request like this
Read https://www.ortho-earth.com/llms.txt and follow "Build with it". Make me a web page with a 3D globe that shows the 10 most populous cities of the world as red dots. When I click a dot, show the city's name and population. Start the view looking at Asia. - It installs, writes the code and checks it in the browser. Then run npm run dev and look.
Tested: an AI agent given only this request built and verified the page on its first run.
Look
Open any demo — nothing to install. Drop your own GIS file onto the globe; it is read in your browser and never uploaded.
ortho-japan GeoPBFPublish your map
Put a GeoPBF file in your own GitHub repository and open it by its address. Your map stays yours; list it in Maps so others can find it.
https://www.ortho-earth.com/japan/?g=gh:you/repo/map.geopbf
Map engine · GPL-3.0
ortho-earth
The globe itself: WebGPU with a WebGL2 fallback, real-scale terrain, and base map, vectors and 3D cities drawn together through a worker pipeline.Parquet draws big data, Gint thinks, and nothing is exaggerated.
Overview
日本語
npm
Data format · MIT
GeoPBF
A compact binary format for geometry, and a converter that runs in the browser: 18 formats in, 14 out, with GDAL-free support for Japanese coordinate systems. It does not keep an index — partial reads are GeoParquet's job.
Overview
日本語
npm
Try it
Vector engine · GPL-3.0
Gint
The intelligence layer: shared-edge topology in a GPU-readable form — instant identify, choropleths and level of detail straight on the GPU.
Overview
日本語
Elevation · MIT
AltPBF
Elevation tiles in Protocol Buffers — three zoom tiers from GEBCO and ALOS, delta-coded and deflated for fast terrain.
Overview
日本語
3D models · MIT
glbconv
Converts GLB to glTF, OBJ, PLY, STL, USDZ and 3D Tiles in the browser, keeping each model's place on the Earth.
npm