This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Louis Currie
Posted Oct 12 - Read on Facebook

Dear Framers, did anyone figure out how to animate an SVG graph?

5 Comments

Mohammed Morsi

Wasn’t there a way to integrate paperJS? 🤔

Alan Travis

This is my take on it. The graph animates up from the baseline. and then you can modify individual points if necessary.

https://framer.cloud/cZEeu/

Jason Brown

Ian McClure 🤔

Jonas Treub

You could built your own vector transition layer. Here I built a quick example. There are a lot of features missing though. The amount of coordinates need to be equal for all states for example. https://framer.cloud/fqSqe

Jonas Treub

The vectors property is an array of arrays with points.
The transition property is a numeric property that can be animated. When you animate from 0 to 1, it transitions from the first vector to the second etc.

Read the entire post on Facebook