gridlook

GridLook is a WebGL-based viewer for Earth system model (ESM) output. It supports cloud-hosted Zarr datasets.

Try It Live

Try out the example dataset:

https://gridlook.pages.dev

You can view any CORS-enabled, public Zarr dataset with GridLook:

https://gridlook.pages.dev/#<ZARR_URI>

Gridlook can also load catalog JSON files that list multiple datasets. The catalog format and deployment options are documented in docs/catalogs.md.

A guide to the viewer keyboard, mouse, and touch interaction is available in docs/Controls.md.

Project Setup

This project uses Node.js and vue.js

npm install

Compile and Hot-Reload for Development

npm run dev

Type-Check, Compile and Minify for Production

npm run build

Lint with ESLint

npm run lint

Customize configuration

See Vite Configuration Reference.

Usage

The project is served at http://localhost:3000/ when you run npm run dev.

CORS & Hosting Notes

To load datasets from services like DKRZ Swift, ensure CORS is enabled on the server.

Example for the nextGEMS container on Swift:

swift post nextGEMS -m "X-Container-Meta-Access-Control-Allow-Origin:*"

This allows GridLook to fetch data directly from the container in your browser.