How to make such animation components in the website?

Question

I came across this website by Google, https://yourplanyourplanet.sustainability.google/ It has some components such as water, energy etc which are animated. My question is how to make such components and add animations to it, it includes the designing part of that component.

Answer 1

The animated content is a drawing on a canvas (using javascript to draw it).
An (obfuscated) code can be found here, and some simple tutorial can be found on developer.mozilla.org.