d3.js generated raindrops, number depending on data. In this example you see the use of water for different products - the raindrops are a symbol for 5 liter of water.
Project was realized for the ZDF, here is the link: https://www.zdf.de/wissen/virtuelles-wasser-102.html
:-) Have fun!