анимации SVG

Я учусь использовать SVG и / или css clip-pathЯ создал, что-то вроде этого:

Есть rect, которому нужно задать анимацию поворота "туда-обратно", неважно через CSS-анимации или через SMIL, анимация всё равно простаяНо возникает трудность с определением точки, от которой производится поворот фигуры

Есть такой скрипт - (function() {

У меня есть SVG-файл, который представляет собой плоскую фигуруЯ хотел бы создать анимацию, чтобы фигура постепенно появлялась

Мой текущий пример SVG анимирован с использованием анимации SVG SMIL: