Animate SVG with MorphSVG

[Baret]

Hello,
I want to animate a line (1 in the drawing) which turns into an arc of a circle (3 in the drawing) by changing its shape and color. 
The intermediate curves show the type of deformation I want. I tried with MorphSVG, but without success. 
What approach should I have?
Thank you for your help.

[mvaneijgen]

Can you share your approach in a code pen, so we can see what your thinking process is and better help you.

 

 

[Baret]

Here is the pen code

See the Pen OJbRQOj by jmbaret (@jmbaret) on CodePen

 

[mvaneijgen]

@Baret where do you get your shapes from? 

 

I've opened a vector program drawn a arch for the end shape, copied and modified that line to be the start shape and did a morph between the two `#id`'s 

 

See the Pen xxREWrg by mvaneijgen (@mvaneijgen) on CodePen

 

For good measure changed the color to red like in your drawing.

 

Hope it helps. 

[Baret]

Thank you. It is as I wanted it to be. It also allowed me to understand the use of the plugin on which I was blocking.

[ZachSaucier]

@Baret Please do not use the <pre> formatting for the text in your posts. Please post regular text instead.