5300 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $125,000+ on Envato Market
  • Helps us moderate the forums
  • Has been part of the Envato Community for over 5 years
+10 more
felt_tips
Moderator
says

Is there any possibility to create any bar chart in AE?
the chart should change when we change some text layer.
The text layer string should affect scale value of other layer. Is it possible??

Yes… you’d need to be a bit more precise though… which parameters do you want to change? The height of the bars? The number of bars? The colours of the bars? The width of the bars?

313 posts
  • Has sold $1,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 1+ items on Envato Market
  • Located in India
+2 more
DarkLand
says

which parameters do you want to change? The height of the bars? The number of bars? The colours of the bars? The width of the bars?

Thank you so much felt.
I want to change tha height and No of bars.

5300 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $125,000+ on Envato Market
  • Helps us moderate the forums
  • Has been part of the Envato Community for over 5 years
+10 more
felt_tips
Moderator
says

How to Build a Simple Bar Chart From a Text Layer


Is there any possibility to create any bar chart in AE?
the chart should change when we change some text layer.
The text layer string should affect scale value of other layer. Is it possible??

I want to change tha height and No of bars.

There are many ways to achieve what you want to achieve. Here’s one way…

Edit: I’ve made an 18 minute tutorial video to accompany this post, that gives you a little more insight into the process used in this technique. You can find it here

  • Make a text layer and call it “Bar Chart Control”.
  • Make it a Guide Layer
  • Put this text into the text layer;
[120, 400, 56, 534]
This represents the number of bars and the height of the bars in pixels.
  • Now make a Null Layer and call it “Bar Chart Null”
  • Make a white Solid, 100 pixels wide and 1000 pixels tall. Rename it “Bar 1”
  • Set its Anchor Point to be [0, 1000];
  • Make this layer the child of layer(“Bar Chart Null”)
  • Add an expression Slider effect to layer(“Bar 1”).
  • Name the effect “bar_index” and set its value to 1
  • On the scale of layer(“Bar 1”) paste the following expression:
// Reads the "Bar Chart Control" text, evaluates to an object Array. Reads the layer's 
// "bar_index" value and sets height to the corresponding value from the array.

var sizeArray = thisComp.layer("Bar Chart Control").text.sourceText.value;
var sizeArray = eval(sizeArray);
var myIndex = thisLayer.effect("bar_index")(1).value;
if(myIndex>sizeArray.length) {
    [0,0];
} else {
    var tHeight = 100* sizeArray[myIndex-1]/thisLayer.source.height;
    [100, tHeight];
}
  • On the position, paste this:
// Looks at the layer's own "bar_index" value and sets its 
// horizontal offset from the parent  layer accordingly

var myIndex = thisLayer.effect("bar_index")(1).value;
[thisLayer.source.width*1.1*(myIndex-1), 0];
  • Now duplicate up layer(“Bar 1”) as many times as you like, changing the value of the “bar_index” effect for each one.
  • The bars will automatically arrange themselves into the bar chart. Any bar layers with a higher index than the maximum bars defined by layer(“Bar Chart Control”) – more than 4 in this case – will remain invisible.

You can change the height of the bars and the number of bars by changing the text in layer(“Bar Chart Control”). You can move and resize the entire bar chart using the layer(“Bar Chart Null”).

313 posts
  • Has sold $1,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 1+ items on Envato Market
  • Located in India
+2 more
DarkLand
says

Thank you so much felt.., Its help me a lot.., thank you very much :)

452 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $75,000+ on Envato Market and is now an Elite Author
  • Made it to the Authors' Hall of Fame
  • Has referred 1+ members
+7 more
vovkacg
says

Hey, I’d like to study creating plug-ins for AE, what’s a good thing to start with? A book, some articles or authors?

Thanks.

2831 posts aspire to create - create to inspire
  • Elite Author: Sold more than $75,000 on Envato Market
  • Helped several times protecting Envato Market against copyright violations
  • Has sold $125,000+ on Envato Market
  • Made it to the Authors' Hall of Fame
+10 more
Creattive
says

Hey, I’d like to study creating plug-ins for AE, what’s a good thing to start with? A book, some articles or authors? Thanks.

afaik, plugins are written in c++, so that’s where I would start.

5300 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $125,000+ on Envato Market
  • Helps us moderate the forums
  • Has been part of the Envato Community for over 5 years
+10 more
felt_tips
Moderator
says

Hey, I’d like to study creating plug-ins for AE, what’s a good thing to start with? A book, some articles or authors? Thanks.

Download the Ae SDK from Adobe.

http://www.adobe.com/devnet/aftereffects.html
512 posts
  • Has referred 10+ members
  • Has sold $10,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 10+ items on Envato Market
+2 more
5p1r17
says

Hey guys! Have a interesting question here(at least for me :))... I need to know if this possible and how to achieve it with expressions:

I’ve build a foldable element. Here is an example:

This is 3 layers with X axis rotation. Two of them, animated with 2 keyframes and last one with 3 keyframes.

Question: Is there any way to animate it without keyframes? Just with slider from 0 to 100%

5300 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $125,000+ on Envato Market
  • Helps us moderate the forums
  • Has been part of the Envato Community for over 5 years
+10 more
felt_tips
Moderator
says

Hey guys! Have a interesting question here(at least for me :))... I need to know if this possible and how to achieve it with expressions:

I’ve build a foldable element. Here is an example:

This is 3 layers with X axis rotation. Two of them, animated with 2 keyframes and last one with 3 keyframes.

Question: Is there any way to animate it without keyframes? Just with slider from 0 to 100%

You’ll have to wait a bit for a full answer on this. I’m very busy… or maybe someone else will have an answer.

But here’s a clue. You just need to parent one to another and expression link the rotation of each to the slider. If you want to use a time offset, use valueAtTime on the slider value. If you want the time to unfold to vary, you could use a linear() or ease() function.

And finally, you could set the starting angle of each fold by multiplying the layer’s own Expression angle control by its “foldedness” amount.

But yes… very doable.

512 posts
  • Has referred 10+ members
  • Has sold $10,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 10+ items on Envato Market
+2 more
5p1r17
says

Thanks Felt! I’ll try and let you know here, about my result :)

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by