how to keep text orientation unchanged during rotation in SVG

Question

I am using in svg to roate som circles and texts around a point at the same time, however, I want to k

Answer 1

Pure SVG

1. Rotate the entire group of elements: triangle, spiral and colored circles with the letters

 ....
 
   

2. Inside is the second animation of the rotation of circles and letters.

3. We find the coordinates of the center of rotation of the letters using the getBBox () JS method

The animation will start after clicking

text {
  font-family:sans-serif;
  font-size:14px;
  font-weight:bold;
  fill:#6E6E6E;
  }

Example with adding animation of the ball movement in a spiral

text {
  font-family:sans-serif;
  font-size:14px;
  font-weight:bold;
  fill:#6E6E6E;
  }