Visualise netCDF wind and temp data on a web map using Leaflet-velocity
netcdf-vis is a web application that extracts netCDF data and visualises it on a web map.
Live demo: https://smlum.github.io/netcdf-vis/app/
The app provides users with an interactive Leaflet web map with temperature and wind data overlays.
The overlays and basemaps can be toggled from a control panel in the top right.
Clone the netcdf-vis repository
git clone https://github.com/samFredLumley/netcdf_viscd netcdf-vis/app
The app must be run on a web server. For example, using http-server:
http-server
And then in your browser go to:
http://127.0.0.1:8081
To configure the app for custom netCDF data you must add the netCDF file to the data/netcdf directory and edit data/netcdf2.py.
It may be preferable to work with the IPython Notebook file netcdf2leaflet-velocity.ipynb to use the step-by-step commented instructions. For example, using Jupyter Notebook run:
cd netcdf-vis/app/datajupyter notebook netcdf2leaflet-velocity.ipynb
Running the python file will generate two files: wind.json and temps_sm.js, which are used as inputs for the web map.
The Leaflet map can be modified in netcdf-vis.js. Modifications to the Leaflet plugins can be made in the src and dist directories.
The demo app can be embedded into another webpage as an iframe:
<iframe src="https://samfredlumley.github.io/netcdf-vis/app/" width="600" height="400"></iframe>
A custom version of the app could be embedded in a similar way.
This project relies on:
Which themselves rely on: