How to make an animated pie chart in Motion?
I want to create a pie chart with smooth transitions between each change as the various areas grow or shrink in size. Is this possible in Motion?
I want to create a pie chart with smooth transitions between each change as the various areas grow or shrink in size. Is this possible in Motion?
If I understand what you want to do, then yes.
create a long slender wedge shape (3 points : Top at [0, 150]; bottom left [-3, -150] bottom right [ 3,-150] approximately - you can edit it to fit later) [this is easy to do if you have Preferences > Appearance > Status Bar > Show > Coordinates selected]
Shape color white
replicate the shape
in the replicator, set Shape: Circle
Arrangement Outline
select 3d
select align angle
Set Points: 360 [Then go back and adjust the wedge shape so that it smoothly creates a solid circle - easiest way is to use Properties > Scale > X to widen it enough - you'll see the "spoke" effect gradually disappear)
[** you can Set Points to less, but the animation might not look quite as smooth]
Adjust radius to exactly close the center hole
Color Mode: over pattern
for the gradient, pick how many colors you need - click on each swatch and set Interpolation to constant
Then all you have to do is animate the Location for each color swatch. All you need to do for FCPX is publish the gradient. You can keyframe all parts of it in FCPX, including the Location animation. Users will be able to select their own color schemes as well as the number of colors in the chart.
If I missed the point, then I'd need some more info.
HTH
fox_m,
Thank you so much for the tip on creating pie charts in Motion 5!
Just out of curiousity, do you know the chart colors are significantly darker than the ones I've selected?
Do you have Additive Blend selected? Is your Opacity gradient 100% white? and are all your interpolations "Constant"? You should be able to get the exact colors you require.
Ah, thanks. On the original shape, I had set the color to light gray (because my project background was white). Of course that messed with the gradient on the replicator. Oops.
Thank you!
1. Shape should be Line.
2. And you should set anchor point for original Beizier Y:150. So the anchor point was the bottom dot of our Beizel witch we will replecate.
3. After that in Replicator tab we can control Angle End parametr to grow our Pie Chart.
yeah - a line would be okay. I don't feel that it "scales" well though. Upscaling requires more lines to fill. The wedge shape can be further adjusted depending on need.
No! I meant you still should use wedge, but in replicator tab you need to set Shape to 'Line' instead of 'Circle' (Replicator Controls).
Oh! Okay... well there's usually more than one way to handle things in Motion 😉 and no "one way" is necessarily the "right way"... I say go for whatever works! And by all means: explore every option!
How to make an animated pie chart in Motion?