Skip to content

Interactive Energy Map

Explore the Gordon Gulch landscape energetics dataset interactively. The map displays 253,476 individually segmented trees with their energy content, overlaid on Cloud Optimized GeoTIFF (COG) raster layers served via TiTiler.

Open full-screen map

Map Layers

Layer Source Description
Canopy Height gordongulch_chm_05m_cog.tif 0.5 m CHM from 3DEP DRCOG 2020 LiDAR
Elevation (DEM) gordongulch_dem_10m_3dep_cog.tif 10 m pit-removed DEM
Energy Density gordongulch_energy_mj_05m_cog.tif Per-tree energy content raster
Tree Stems tiles/*.geojson 253,476 segmented trees (54 spatial tiles)

Architecture

flowchart LR
    COG[COG GeoTIFFs<br>CyVerse Data Store] -->|HTTP range requests| TiTiler[TiTiler<br>titiler.cyverse.org]
    TiTiler -->|PNG tiles| Map[MapLibre GL JS]
    GeoJSON[Tiled GeoJSON<br>54 spatial tiles] -->|On-demand loading| Map
    Map --> Browser[Browser]
  • Raster layers are served as Cloud Optimized GeoTIFFs (COGs) via TiTiler, which performs on-the-fly reprojection and colormap rendering using HTTP range requests — no tile pre-generation needed.
  • Vector data (tree stems) is split into 54 spatial tiles (~500 m grid) loaded on demand as the user pans. This avoids loading the full 50 MB GeoJSON at once.
  • All data is publicly readable from the CyVerse Data Store at /iplant/home/tswetnam/eemt/.

Data URLs

All COGs and GeoJSON are accessible via WebDAV:

https://data.cyverse.org/dav-anon/iplant/home/tswetnam/eemt/gordongulch_chm_05m_cog.tif
https://data.cyverse.org/dav-anon/iplant/home/tswetnam/eemt/gordongulch_dem_10m_3dep_cog.tif
https://data.cyverse.org/dav-anon/iplant/home/tswetnam/eemt/gordongulch_energy_mj_05m_cog.tif
https://data.cyverse.org/dav-anon/iplant/home/tswetnam/eemt/tiles/tile_index.json

TiTiler tile endpoints follow this pattern:

https://titiler.cyverse.org/cog/tiles/WebMercatorQuad/{z}/{x}/{y}.png
  ?url=https://data.cyverse.org/dav-anon/iplant/home/tswetnam/eemt/gordongulch_chm_05m_cog.tif
  &colormap_name=ylgn
  &rescale=0,30