A collection of demos how Flux APIs can be used to build web applications with Weather and Climate data.

All demos are built using the following technologies:

• React
• Vite
• TailwindCSS
• Shadcn UI
• MapLibreGL
• DeckGL
• Flux APIs

Try the demo

See the code

Checkout the source data on Arraylake

A MaplibreGL Globe displaying a raster tile layer of GFS temperature data in Celsius. There is also a DeckGL wind vector layer displaying the animated wind particles.

The globe is interactive and allows to click on a point to get a timeseries of temperature data. The timeseries is displayed in a drawer, and the data can be downloaded in a list of our currently supported formats.

This demo uses Flux WMS and EDR endpoints to fetch the data:

• WMS GetMap requests for showing the temperature and wind data on the globe
• WMS GetMetadata requests for fetching the min and max values of the temperature data to automatically set the color scale range
• WMS GetLegendGraphic requests for fetching the legend image
• EDR position requests for fetching the timeseries data

Try the demo

See the code

Checkout the source data on Arraylake

A MaplibreGL Globe displaying a raster tile layer of GFS temperature data in Kelvin.

The globe is interactive and allows to click on a point to get a timeseries of temperature data. The timeseries is displayed in a drawer, and the data can be downloaded in a list of our currently supported formats.

This demo uses Flux Tiles and EDR endpoints to fetch the data

Try the demo

See the code

Checkout the source data on Arraylake

A MaplibreGL Globe displaying a raster tile layer of HRRR Total Cloud Cover data in percentage.

This demo uses Flux Tiles endpoints to fetch the data

npm install
npm run dev

Browse to http://localhost:5173/ to play with the demos. Modify the code in the src/demos directory to build your own demos.

Apache 2.0

Copyright 2025 Earthmover PBC