https://github.com/do-me/threejs-dem-viewer

A simple three.js app for viewing DEMs in the browser
https://github.com/do-me/threejs-dem-viewer

threejs

Last synced: 11 months ago
JSON representation

A simple three.js app for viewing DEMs in the browser

• Host: GitHub
• URL: https://github.com/do-me/threejs-dem-viewer
• Owner: do-me
• License: mit
• Created: 2025-07-22T15:24:37.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2025-07-22T16:27:07.000Z (11 months ago)
• Last Synced: 2025-07-22T17:34:58.754Z (11 months ago)
• Topics: threejs
• Language: HTML
• Homepage: https://do-me.github.io/threejs-dem-viewer/
• Size: 8.15 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Three.js DEM viewer

A simple three.js app for viewing digital elevation models (DEM) in the browser. Purely vibe-coded, some controls not working properly atm. Basic functions do work.

Created this as simple alternative to Aerialod which is unfortunately only available for Windows.

## APP: https://do-me.github.io/threejs-dem-viewer/

Download the mont blanc png from this repo and upload it in the app.

Default settings will give you this: 



Wireframe mode: 



## DEMs

Grab some DEM of your choice, like EU-DEM (DD) from EEA/Eurostat/GISCO under https://ec.europa.eu/eurostat/web/gisco/geodata/digital-elevation-model/eu-dem#Slope (Direct download link: https://gisco-services.ec.europa.eu/dem/5degree/mosaic/EU_DEM_mosaic_5deg.ZIP)



Open it in QGIS and create a screenshot of the area of your choice (or properly create a print with CTRL+P with high res).