How should the svg be drawn to adequately animate via snap?

Question

JavaScript

Example
I picked up such an svg with several states, two of which are in the example. When the animation happens, you can see for yourself what. Is this a bug in svg or fixed js?

Answer 1

The problem is solved, the transformation of one shape in the editor should have been used, and not several different ones, as was originally done in svg.