: Animating line graph in After Effects I want to animate the drawing of the lines in this graph from left to right so that they are all at the same x-position at the same time. This is a

@Debbie163

Posted in: #AdobeAfterEffects #InformationGraphics

I want to animate the drawing of the lines in this graph from left to right so that they are all at the same x-position at the same time. This is a graph I made in MATLAB, exported as an SVG, opened in Illustrator to separate layers, then imported it into AE where I "created shapes from vector layers".



Using a rectangular mask to "draw in" the lines makes the tips not square (I want them to be square).
Using "trim paths" with End set to 0% at the first frame and 100% at the last with linear interpolation results in the line tips having different x-values at a given time in the animation since each path is a different length.



Any suggestions?

I have the raw data for these, is there a way to explicitly set keyframes using expressions? Then I could just calculate myself what percent drawn each line should be at each of my x-values, and let AE interpolate those.

I feel like there should be a more elegant way, though, that doesn't involve the raw data.

Vote Up Vote Down

Login to post a comment!