3D-Wind-Field Demo

Visualize the wind on earth, powered by Cesium JS.

More detail is in this blog post: GPU Powered Wind Visualization With Cesium

How to start the application

Just create a HTTP server for the "index.html" file in the "Cesium-3D-Wind" folder.

If you have VSCode installed, I recommend to intall the "liveserver" extension.

Besides, remember to modify the "runtimeExecutable" option in ".vscode\launch.json" file before starting debug in VSCode.

How to use your own NetCDF data

The NetCDF file is in the "data" folder, it should contains below variables:

• U (lev, lat, lon)
• V (lev, lat, lon)

"lev", "lat", "lon" are names of dimensions, please keep in mind that:

• The order of dimensions matter
• Use small(less than 100MB) NetCDF file if possible, or your browser may crash. You may want to use NCO(NetCDF Operator) or CDO(Climate Data Operator) to split the NetCDF data
• Don't forget to change the filename in the source code("dataProcess.js" function loadData )

Note

• You might want to modify the default parameters for a better visualization result, parameters can be changed in the left panel.
• If possible, you should run this demo on Chrome, because I did not test it on other browser.

Reference

I find a good tutorial about doing custom render in Cesium https://github.com/cesiumlab/cesium-custom-primitive.