wind-js | An demo animation of wind on a Canvas layer in the JSAPI | Canvas library

I am trying to create a streamline wind map using data from seven weather stations. I am trying to have the same type of map is this animation or this animation.

I have read articles online that say how it works. It is quoted below.

Typically, such a visualization in the browser relies on the Canvas 2D API and roughly works like this:

1. Generate an array of random particle positions on screen and draw the particles.
2. For each particle, query the wind data to get the particle speed in its current location, and move it accordingly.
3. Reset a small portion of particles to a random position. This makes sure that areas the wind blows away from never become fully empty.
4. Fade the current screen a bit and draw newly positioned particles on top.

Source

I am trying to achieve this, but I dont understand how the animations did the following...

1. Moved the points across the canvas (as you can't move previously drawn items.)
2. Adjusted the opacity of the previously drawn points to make them disappear.

So, how did they do that? Any advice is greatly appreciated for this novice programmer.

Thank you.