POC Research — Browser-based exploration and insight generation for environmental fingerprints and Flux tower footprints.
FluxFingerPrints brings together global climate datasets and eddy-covariance flux tower measurements into an interactive, browser-native geospatial tool. The core idea: click any pixel on a global map and instantly see that pixel's environmental "fingerprint" — a composite view of climate variables over time — alongside the spatial footprint of nearby flux towers.
| Pillar | What it is | Data source |
|---|---|---|
| Climate Fingerprints | Per-pixel time-series of global variables (temperature, precipitation, NEE, …) rendered as heatmaps / charts | In-house Zarr archives, streamed via zarrita.js |
| Flux Tower Footprints | Probabilistic source-area footprints from eddy-covariance towers, visualised as heatmaps overlaid on the map | Pre-computed outputs + optional on-the-fly computation via Kljun FFP |
- Global map tiles — GPU-accelerated rendering with deck.gl
- Climate variable overlays — stream and slice multidimensional Zarr arrays in-browser with zarrita.js
- Click-to-pick pixel selection — point-and-click to select any grid cell
- On-demand data fetch — lazy-load only the slices you need
- Array reshaping & computation — TypeScript (and optionally WebGPU) for in-browser array math
- Popup heatmap / time-series — interactive charts rendered per selected pixel
- Export — download selected data slices or rendered visualisations
| Layer | Choice |
|---|---|
| Framework | Next.js 15 (App Router) |
| Language | TypeScript |
| Styling | Tailwind CSS |
| Map & GPU rendering | deck.gl |
| Zarr streaming | zarrita.js |
| Array compute | TypeScript / WebGPU (TBD) |
| Charting | TBD (e.g. Observable Plot, Recharts) |
- Node.js ≥ 18
- npm ≥ 9 (or pnpm / yarn / bun)
git clone https://github.com/your-org/FluxFingerPrints.git
cd FluxFingerPrints
npm installnpm run devOpen http://localhost:3000 in your browser.
npm run build # production build
npm run start # serve production build
npm run lint # ESLint- Flux tower footprint model — Kljun et al. (2015), online calculator: https://footprint.kljun.net/
- FLUXNET / global flux tower dataset — Zenodo archive: https://zenodo.org/records/816236
- Global climate variables — in-house Zarr archives (temperature, precipitation, NEE, and more)
- Flux tower footprint paper — https://www.nature.com/articles/s41597-024-03291-3
- Deck.gl base map with tile layer
- Zarr overlay for at least one climate variable
- Click-pick pixel interaction
- Fingerprint heatmap popup
- Flux tower footprint overlay
- On-the-fly footprint computation (time permitting)
- Spectral / math analysis (SpectraScope-style, time permitting)
- Export (CSV / PNG)
src/
├── app/ # Next.js App Router pages & layouts
├── components/ # Reusable UI components
├── lib/ # Data fetching, Zarr helpers, array compute
└── types/ # Shared TypeScript types
- Kljun, N. et al. (2015). A simple two-dimensional parameterisation for Flux Footprint Prediction (FFP). Geoscientific Model Development, 8, 3695–3713.
- FLUXNET global dataset — https://zenodo.org/records/816236
- Flux tower footprint dataset paper — https://www.nature.com/articles/s41597-024-03291-3