All Projects → Esri → Wind Js

Esri / Wind Js

Licence: mit
An demo animation of wind on a Canvas layer in the JSAPI

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Wind Js

Anime
JavaScript animation engine
Stars: ✭ 41,064 (+7393.43%)
Mutual labels:  canvas, javascript-library
Reimg
reimg - A javascript library for converting image formats
Stars: ✭ 106 (-80.66%)
Mutual labels:  canvas, javascript-library
Jcanvas
A jQuery plugin that makes the HTML5 canvas easy to work with.
Stars: ✭ 612 (+11.68%)
Mutual labels:  canvas, javascript-library
Easycanvas
数据驱动、2D&3D、渐进式Canvas库,支持JSX,配备Chrome调试插件,支持微信小游戏、物理引擎等。
Stars: ✭ 281 (-48.72%)
Mutual labels:  canvas, javascript-library
DevHelpBox
we are creating this community so that other developers can get benefits of it.
Stars: ✭ 35 (-93.61%)
Mutual labels:  web-development, javascript-library
Fine Uploader
Multiple file upload plugin with image previews, drag and drop, progress bars. S3 and Azure support, image scaling, form support, chunking, resume, pause, and tons of other features.
Stars: ✭ 8,158 (+1388.69%)
Mutual labels:  web-development, javascript-library
Ditherjs
A javascript library which dithers an <img> using a fixed palette
Stars: ✭ 76 (-86.13%)
Mutual labels:  canvas, javascript-library
fyu
Do your users take your website for granted? Do want to make them using your website living hell? Look no further, F.Y.U. is here!
Stars: ✭ 53 (-90.33%)
Mutual labels:  web-development, javascript-library
rottenjs
An all-in-one (2.6kb) Javascript library for web development
Stars: ✭ 15 (-97.26%)
Mutual labels:  web-development, javascript-library
Cheetah Grid
The fastest open-source data table for web.
Stars: ✭ 417 (-23.91%)
Mutual labels:  canvas, javascript-library
React Tutorial
A walkthrough of basic React concepts.
Stars: ✭ 482 (-12.04%)
Mutual labels:  web-development
Anti Webspider
Web 端反爬技术方案
Stars: ✭ 486 (-11.31%)
Mutual labels:  canvas
Heapify
The fastest JavaScript priority queue out there. Zero dependencies.
Stars: ✭ 520 (-5.11%)
Mutual labels:  javascript-library
People You Should Follow On Codepen
People You Should Follow on CodePen
Stars: ✭ 542 (-1.09%)
Mutual labels:  canvas
Anichart.js
Easily create data visualization animation videos
Stars: ✭ 480 (-12.41%)
Mutual labels:  canvas
Diagram
☊ Tool for making node graphs. Inspired by dependency graph. Used mainly for automation services 📈
Stars: ✭ 510 (-6.93%)
Mutual labels:  canvas
Spritejs
A cross platform high-performance graphics system.
Stars: ✭ 4,712 (+759.85%)
Mutual labels:  canvas
Html
HTML Standard
Stars: ✭ 5,217 (+852.01%)
Mutual labels:  canvas
Gaussianblur
An easy and fast library to apply gaussian blur filter on any images. 🎩
Stars: ✭ 473 (-13.69%)
Mutual labels:  canvas
Tui.chart
🍞📊 Beautiful chart for data visualization.
Stars: ✭ 5,041 (+819.89%)
Mutual labels:  canvas

Wind-JS

Check out the live demo

Wind JS

This project is an experiment in client-side data processing and visualization. Most of the code in this project is taken from https://github.com/cambecc/earth and has been re-purposed to support easier application to a variety of mapping APIs and Frameworks.

How it works

The code for this project uses nothing but an HTML5 Canvas element and pure Javascript. The data come from the Global Forecast System which produces a large variety of datasets as continuous global gridded datasets (more info below). The data is passed into a JS class called Windy which takes the bounds of the map, the data, and the canvas element and then applies a Bilinear Interpolation to generate a smooth surface. Once the surface has been generated a function randomly places "particles" onto the canvas at random x/y points. Each particle is then "evolved", moving in a direction and at a velocity dictated by the interpolated surface.

The Data

Before GFS data can be used with this code it has to be converted into JSON. To do this we used another awesome project by @cambecc called grib2json. That tool converts data in the GRIB2 file format into a JSON structure with the grid represented as an array. An example result of that tool can be seen in the gfs.json file.

Resources

Issues

Find a bug or want to request a new feature? Please let us know by submitting an issue.

Contributing

Esri welcomes contributions from anyone and everyone. Please see our guidelines for contributing.

Credit

All the credit for this work goes to @cambecc for creating cambecc/earth. The majority of this code is directly taken from there, since it's utterly awesome.

Licensing

This project inherits an MIT license from cambecc/earth because 95% of the code here was copied from that project.

A copy of the license is available in the repository's license.txt file.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].