How or in what to assign classes to a complex svg image for animation?

Question

SVG

The web project (test) has a complex svg picture, many layers and elements. Some of the elements in the svg are supposed to move, disappear, appear as the test progresses. Is there a way to somehow conveniently assign classes to elements, maybe some kind of editor.

Thank you!

Answer 1

The best way is:
1. First open the SVG with some vector editor (eg illustrator or figma). Group the layers in the order in which they will be animated.
2. After throwing a thread somewhere on the codepen or open it with a notepad and write classes in the necessary places.
In codepen it will be more convenient because if you remove the line, you will immediately see what is missing from the picture.