How aamir-azeez/ghgscape works
GHGScape is a browser-based tool for comparing natural and human-caused greenhouse-gas emissions on an interactive 3D Earth. Users choose a dataset or tag, inspect its geographic pattern by rotating and zooming the globe, and consult accompanying dataset information and legends. The documented dataset catalog includes emissions, carbon fluxes, sinks, methane, and population density. The source excerpts are partial, so the graph shows only the visible tile-loading and rendering connections; other UI wiring is inferred only where described by the README.
Main entry points: ghgscape-logic.js App logic · ghgscape.html App controls · globe.gl.js Globe renderer · three.module.js 3D engine
Components 9
User interface
- App controls
ghgscape.html - Map legends
map-legends.css
Globe visualization
- App logic
ghgscape-logic.js - Globe renderer
modules/globe.gl.js - 3D engine
modules/three.module.js - Earth texture
images
Emission data
- Dataset catalog
ghgscape-logic.js - NASA raster tiles
Other components
- Viewer
Connections 11
- Viewer → App controls: selects and explores
- App controls → App logic: controls
- App logic → Dataset catalog: selects dataset
- App logic → NASA raster tiles: requests tiles
- NASA raster tiles → App logic: returns tiles
- App logic → Globe renderer: sets tile data
- App logic → 3D engine: creates tile materials
- Globe renderer → 3D engine: renders with
- App logic → Earth texture: loads texture
- App logic → App controls: updates dataset details
- App controls → Map legends: styles legends