Лучший способ отобразить движение потока в SVG?

Я хочу создать веб-страницу, показывающую такие вещи, как текущие жидкости. Для этого я хочу использовать графику SVG, в которой начало и остановка (повторяющегося) движения управляются с помощью JavaScript.

Это движение можно легко показать с помощью этого нарисованного от руки GIF:

Но как я могу добиться такого вида простыми средствами в SVG? Тем более, что это тоже должно обтекать углы, т.е. требуется не только линейное движение...

Желательно уже (полуавтоматически) создать в Inkscape...