https://github.com/mapbox/webgl-wind

Wind power visualization with WebGL particles
https://github.com/mapbox/webgl-wind

gpu javascript map particles simulation visualization webgl wind

Last synced: about 1 month ago
JSON representation

Wind power visualization with WebGL particles

• Host: GitHub
• URL: https://github.com/mapbox/webgl-wind
• Owner: mapbox
• License: isc
• Created: 2016-11-16T15:45:39.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2022-07-20T05:30:07.000Z (over 2 years ago)
• Last Synced: 2024-08-02T14:06:06.809Z (4 months ago)
• Topics: gpu, javascript, map, particles, simulation, visualization, webgl, wind
• Language: JavaScript
• Homepage: https://mapbox.github.io/webgl-wind/demo/
• Size: 1.37 MB
• Stars: 943
• Watchers: 131
• Forks: 206
• Open Issues: 9
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-mapbox-external-developer-resources - webgl-wind - Add an animated wind layer to Mapbox GL JS (Third-Party Resources / Libraries)
• awesome-frontend-gis - Webgl Wind - A WebGL-powered visualization of wind power. Capable of rendering up to 1 million wind particles at 60fps. (:world_map: Web maps / Advanced)

README

        
## WebGL Wind — [Demo](https://mapbox.github.io/webgl-wind/demo/)

A WebGL-powered visualization of wind power.

Capable of rendering up to 1 million wind particles at 60fps.

This project is heavily inspired by the work of:

- [Cameron Beccario](https://twitter.com/cambecc)

and his wonderful [Earth project](https://earth.nullschool.net/)

with its [open-source version](https://github.com/cambecc/earth).

- [Fernanda Viégas and Martin Wattenberg](http://hint.fm/) and their

[US Wind Map project](http://hint.fm/projects/wind/).

- [Chris Wellons](http://nullprogram.com) and his WebGL tutorials,

in particular [A GPU Approach to Particle Physics](http://nullprogram.com/blog/2014/06/29/).

- [Greggman](http://games.greggman.com/game/) and his [WebGL Fundamentals](http://webglfundamentals.org/) guide.

### Running the demo locally

```bash

npm install

npm run build

npm start

# open http://127.0.0.1:1337/demo/

```

### Downloading weather data

1. Install [ecCodes](https://confluence.ecmwf.int//display/ECC/ecCodes+Home) (e.g. `brew install eccodes`).

2. Edit constants in `data/download.sh` for desired date, time and resolution.

3. Run `./data/download.sh ` to generate wind data files (`png` and `json`) for use with the library.