Post

@darrenwiens.github.io

Example app showing how to create time lapse videos, in browser, at dynamic resolution, all from the same files. Click somewhere to generate a video. cog-video.netlify.app #geosky #geography #gischat

27/4/25, 5:27 pm2 reposts18 likes

Darren Wiens

@darrenwiens.github.io

28 Apr 2025

Quick project page here: darrens-geospatial-curiosities.netlify.app/cog-video

darrens-geospatial-curiosities.netlify.appCOG Video | Darren's Geospatial Curiosities

Darren Wiens

@darrenwiens.github.io

27 Apr 2025

The main pieces are: - Data (cog-ified): open.canada.ca/data/en/data... - Tile Server: @developmentseed.org's titiler.xyz - ffmpeg.wasm: github.com/ffmpegwasm/f... - @mapbox.com GL JS: docs.mapbox.com/mapbox-gl-js...

open.canada.caThe Canadian Ag-Land Monitoring System (CALMS) - Open Government PortalAAFC’s Canadian Ag-Land Monitoring System (CALMS), operational since 2009, was developed by AAFC’s Earth Observation Service (EOS) to deliver weekly NDVI-based maps of crop condition in near-real-...

Darren Wiens

@darrenwiens.github.io

27 Apr 2025

The example app really isn't about drought data or analysis, but if anyone's interested, the videos are generated from cloud-optimized geotiffs converted from the raw files here: agriculture.canada.ca/atlas/data_d...

agriculture.canada.caIndex of /data_donnees/calms/data_donnees/tif/mod_bestquality_maxndvi/2000

Mir Rodríguez Lombardo

@miramapas.com

28 Apr 2025

Amazing stuff! Good to know this is possible. Do you have the code available somewhere?

Darren Wiens

@darrenwiens.github.io

28 Apr 2025

Thanks, the source code is available in the app.