Flash :: Polar Graph

Polar Graph Preloader
I was messing around with polar graphs and decided to make a preloader out of one. There are some things i need to fix such as it doesn't load small files so well, it loads big files good though.

Just paste this on your first frame and change what you would like.
Be careful with some of the numbers though for instance don't make scale > 200 or it will be huge same with complexity, if complexity > 4 it is huge.

here is the script:

ActionScript Code:
stop(); //Variablesvar scale:Number = 60;var complexity:Number = 2;var numPedals:Number = 6;var fillColor:Number = 0x006699;var fillAlpha = 50;var strokeColor:Number = 0x000000;var strokeAlpha:Number = 0;var strokeThickness:Number = 1; this.lineStyle(strokeThickness, strokeColor, strokeAlpha);this.moveTo(Stage.width/2, Stage.height/2);this.beginFill(fillColor, fillAlpha);var i:Number = 0;onEnterFrame = function () {i = (_root.getBytesLoaded()/_root.getBytesTotal())*360;t = (i*(Math.PI/180));r = scale*(complexity+Math.sin(numPedals*t));this.lineTo((r*Math.cos(t))+(Stage.width/2), (r*Math.sin(t))+(Stage.height/2));if (_root.getBytesLoaded() == _root.getBytesTotal()) {trace("LOADED");}};

let me know of bugs or fixes and comments of course

3D Polar Revolution
Hello,

I just thought I would share my latest experiment with you It has been a while since I have messed with 3d so I thought it was about time. Here a basic 3D engine is set up and then movieclips revolve three dimensionally around the center (0,0,0) using some pretty basic math.
ActionScript Code:
Camera=function(X,Y,Z,focalLength){ this.fL=focalLength; this.X=X; this.Y=Y; this.Z=Z; }Camera.prototype.Move=function(X,Y,Z){ this.X+=X; this.Y+=Y; this.Z+=Z; this.engine.Render(); }Engine3D=function(Camera,Centerx,Centery){ this.camera=Camera; this.camera.engine=this; this.vertexBuffer = _root.createEmptyMovieClip("3Dcontainer"+(containerdepth++),containerdepth); this.vertexBuffer._x=Centerx; this.vertexBuffer._y=Centery; this.depth=0; }Engine3D.prototype.Render=function(){ for(i in this.vertexBuffer){ this.vertexBuffer[i].Draw(); } }Engine3D.prototype.Attach3DPoint=function(X,Y,Z){ this.depth++; var mc=this.vertexBuffer.attachMovie("point","point"+this.depth,this.depth); mc.parentEngine=this; mc.X=X; mc.Y=Y; mc.Z=Z; mc.Draw(); return mc; }MovieClip.prototype.Draw=function(){ var focalRatio=this.parentEngine.camera.fL/(this.parentEngine.camera.fL+(this.Z-this.parentEngine.camera.z)) this._x=focalRatio*(this.parentEngine.camera.X-this.X); this._y=focalRatio*(this.parentEngine.camera.Y-this.Y); this.swapDepths(10000-this.Z); this._xscale=this._yscale=this._alpha=focalRatio*100; }Camera1 = new Camera(0,0,-20,70);Engine1=new Engine3D(Camera1,150,150);//These are the variables that you will want to manipulateRadius = 1;Count=5;OutwardVelocity =.1RotationalVelocity =.015;UpwardVelocity=3;_root.createEmptyMovieClip("line",-1);for(var n = 0;n<Count;n++){ var mc = Engine1.attach3DPoint(0,0,0); mc.T=n/Count*Math.PI*2; mc.a=1+Math.random()*5; mc.b=1+Math.random()*5; mc.c=1+Math.random()*5; mc.R=50; mc.line=line.createEmptyMovieClip("line"+n,n+1); mc.line.lineStyle(1,0,100); mc.line.moveTo(mc.parentEngine.vertexBuffer._x,mc.parentEngine.vertexBuffer._y); mc.onEnterFrame=function(){ this.T+=RotationalVelocity; this.X=this.R*Math.cos(this.T*this.a)*Math.sin(this.T); this.Z=this.R*Math.sin(this.T*this.b)*Math.sin(this.T);//this.Z; this.Y=this.R*Math.sin(this.T*this.c)*Math.sin(this.T);//UpwardVelocity*=.995//this.R*Math.sin(this.T);//1//this.Z; } }onEnterFrame=function(){ Engine1.Render(); }

Polar? Shell?
Hello,

PLZ, don't steal this idea! :D
What I want to do for my portfolio website is to have a simple interface which is controlled by XML... (That's not the part)

The part is that the interface is a shell...
A shell picture could be found here
If you guys are interested, the proportion's "official" page is here

Okay, what I really want to do is make it so that each "section" of the shell corresponds to an item in the XML document... So if I had an xml node that corresponded for "about", "clients", "mission" then there would be 3 shell sections that if I rolled on one of the shell sections, a tooltip would come up notifying which section that would correspond to...

That was my whole thing...

Right now, what I want to is "draw" the shell... I don't have any clue on HOW TO DO THAT... Do I use polar graphing? How do I draw the exact 1.618.... proportion? Can I use some polar graphing functions in flash? Or how else would I draw that shell? Now, this has to be almost exact... If you guys need the exact number, its this:

(sqrt(5)+1)/2

or square root of 5 plus 1 all over 2...

Thanks,
I'm also looking up how to do that polar graphing stuff....

Thanks!
Keehun

I Seem To Have Created A Bi Polar Menu
I'm trying to create a slider effect on a horizontal menu
in order to get the slider moveing, you have to click on the button to the far right twice, at which point the slider will move behind that button. then it usually works like its' supposed to, you press a button and the slider slides behind it. sometimes it gets stuck behind a button. This generally happens if you leave it idle for a few seconds, but not always.

anyway, here's the .fla

Morphing Between Rectangular And Polar Coordinates?
I'm a Java developer moving over to Flex/Flash for a new project. I have a crazy idea and I have no idea how to make it work, but this seems to be the forum to ask: I'm designing a custom data visualization component, and I want to be able to tween the data it renders between a polar-coordinate representation (a ring, basically) and a rectangular-coordinate representation (traditional line-graph). It's not enough to render the data two different ways -- I want to actually animate it between modes.

The best approach I can come up with is to generate an object that contains the data-points and maps them to points on a shape via some equation like..

renderX = (multiplier)*rectX + (1-multiplier) * polarToRectX

and so forth, where multiplier is between zero and one and polarToRectX is the rectangular representation of the polar point (with an appropriately-positioned center and radius.. in theory this could work for bezier handles too, I think?

Is there a better way to do this that involves less complexity, by any chance?

Graph Help
hi

how can i create a line graph according to x,y coordinates??

thanks in advance

Bar Graph Help
I am pretty basic at my flash skills. (to me it's basically a vector powerpoint).

Anyway, I am needing to make an interactive graph where someone can enter a number 1-70 and have a bar show up representing that number.

I will need to have multiple bars in different colors and in multiple sections.

something like this...

I am using Flash CS3 Pro. Thank you for your help.

Graph
Hi,

I am trying to build a graph that will load from an external data source and I have a couple of questions.

How do I measure the length of a string so I can right align the axis labels?

How do I figure out the size of the flash object? If I put a:

var s:MovieClip = this.createEmptyMovieClip("text1", 2);

It seems to change my _root._width In the commercial flash graphs you can set the size of the graph using variables. I would like to be able to do this also.

Is there any way of doing matrix stuff so I can transform my graph co-ordinates so X goes up from the bottom?

If there are any tutorials on how to do this I'd be ever so grateful!!

Many thanks.

monk.e.boy

Graph Help
hi all

i have a graph file
in that there are 12 points but it shows only 10 red balls and not 12 red balls

pls find the attached file

Graph.
Dear All,

needs help badly to teach me how to do code this dynamic graph, if you guys have any ideal how to do code this please teach me ~~
thanks alot.

Firstly, the graph has a normal X and Y axis.

The though part is this:
Whenever the mouse cursor moves inside the graph, there must be "tracing lines" shown together with the corresponding coordinates (that is the coordinates at the position of the Mouse Over). Tracing marks meaning:
something like this this.
If the mouse cursor points over for example pointA(4, 6), a horizontal line will be join from the position of the mouse to the value of the y-axis that is 6 in the case of pointA and then a vertical line will be joined to the value of the x-axis that is 4 in the case of pointA.
And the value of the coordinates at the point which the mouseOver will be display at the interception of the two lines, that is the position of the mouse.

I am very new to flash programming and is very weak in actionscripting. After much research and thinking i can only figure out a few points:

(1) The postion of the mouse is very important.
(2) the two axis of the graph need not be dynamic ( or do they have to ? ).
(3) the horizontal and vertical "tracing lines" is dependent on the postion of
the mouse cursor as they starts from the cursor to be joined to the
various coordinates on the X and Y axis.
(4) The length of the tracing lines will definately varies depending on how
far away or how near the mouse cursor is from the axis.
(5) I have absolutely no ideal how to do the part where the value of the two
coordinates have to be show at the point where the tracing lines
intercept (the point on the graph where the mouseOver.)

I believe a lot of functions have to be written for such a graph to be programmed, but i have hardly any clue how to start, as I am a student doing a project for my school math department and the course which i took on Flash taught me merly on flash animation and basic actionscript. I borrowed lots of actionscript books from the library, but none seem to deal specifically the means and functions to do such a questions. So please teach and guide me if you can. Thanks alot

Please if you can, show me some sample functions because i can hardly come out with my own functions.

Thanks alot

[ p.s. The only way i can figure out to finish this questions is to put hundred
of movie clips (can anyone teach me how to write a loop function?) on the
graph and draw out hundred of "tracing lines" ]

regards,
LWM

Bar Graph
Can any one help me how to create bar chart(given data) in flash using actiion script..but hight should not exceed more than 215.

any idea?

Bar Graph
can anyone help me,how to create a bar graph using flash action script?

data given by user and maximum height should be 400.

thanks n advance

thil

Graph
Hello,

Can anyone help me with my graph please ?

I have two data files that populate the two different shades of blue in the bar graph. I have the dark blue one working but i cant get the light blue one to work? I origionally got the code from flashkit so i dont understand it fully..

I attached a zip of what i'm doing, just extract it all to the same place,

Thanks for any help

skid

Graph Help
I'm a newbie to actionscripting so please be patient. I'm writing a graphing application which receives information from a back end database. I have most of it figured out but I'm stumped on how I can get the values to be displayed. The number of data points is too many to put a text tag on the graph, all you see is each text tag overwritting the last. What I would like to do is have a text box on the side of the graph and as you move a line across the graph the values of the graph would be displayed in the appropriate text box. Right now I simply figure out the x and y pixel location and draw a line to that point.

Thanks.

Plotting A Graph
Im starting to wonder if this can be done or not, I have posted on several sites and have not gotten any replys so this will be the last try. What I am trying to do is make a flash interfase that will have a range lets say from the bottam left of 0 to the top say 100, now what I want to do is be able to have flash get the information from my data base on stocks and take lets say x=9 and y=2 then draw me a simple line on the chart showing the percent of growth of that stock. any ideas if this can even be done or perhaps if the Gods are smileing on me a tutorial that may be out there some were I have not looked that might lead me in the right direction. thanks in advance.

Dynamic Graph
does anyone have or can point me where i can find a dynamic graph aside from the tute here in flash. i want a dynamic graph tute with an option to display the exact values of the graph or sumthin like a legend for the values. i hope there's one out there .. i badly need one a.s.a.p. thanks a lot guys!!! =)

Dynamic Bar Graph
I may be imagining things, but I remember seeing a component in Flash MX for building dynamic bar graphs. has anyone else seen it? If it doesn't exist, what can you recommend for doing bar graphs?

Possible Line Graph?
I wanted to try to have a graph with 4 user definable points. It would be for video game replay value, and would be first week, first month, 3 months, 6 months. Now I would theorize that you could make a pen tool, or some kind of segmented line where you could define the y position of the vertices in ActionScript, and the line would bend accordingly. Meaning if for first week it was a 9, then second week it was a 3, you could make those points move accordingly, and the line would stay connected. Any idea if something like that is possible? If not ill figure something else out, but id like to mess with that idea for my site.

Bar Graph Increase?
ok, I have a bar graph that I can control by entering numbers into a text box called total. the problem is I need to know how to control the hight of the bar.

this is the code on my button

on (release) {
setProperty("_root.bar1", _height, total);
}

now my graph area is 373.2 pixels high and I need the top to represent 1,000,000 and the bottom to be 0. so I need to know how to take the number going into the total box and make it adjust to the chart. Other words how do I do the math on the above action script to make it work. LOL

Thanks for any help you can give me.

Another Graph Question
I have a bar graph that works by clicking a button and reading a number from a dinamic text box, that number comes from mysql. I want to be able to do this without haveing a user press the button but I can't figure out how. here is the code on the button.

on (release) {
setProperty("_root.bar1", _height, nu1);
}

Poll To Graph
HOW CAN I MAKE A POLL AND WHEN THE USER IS DONE IT WILL SHOW THE RESULTS OF THE POLL WITH LIKE A BAR GRAPH? THANKS YOU FOR ANY HELP.

Animation Graph
Hi

When I interpolate between keys I can use the ease in and out feature, but I feel it is really limited and would like a graph with splines for interpolation between keys. (Preferably like it works in Alias Wavefront Maya, or 3D Studio Max or Softimage)

Have anyone written a plugin or script that can be used?

I know I'm not the only animator with this wish.
/Staffan Lincoln - Sweden

Creating A Bar Graph
I created a bar graph. There is a flash text field and a button to calculate the ROI. A user types in their nimber of invoices and hits the calculate button.

After the movie runs entirely through once and (a.) the animation stops and (b.) the calculated values are placed in the four dynamic text fields the movie will not properly update the dynamic text fields again when you click the "Calculate ROI" button again (although the animation does run again)

What should I do to recalculate the fields?

Dynamic Graph... Can This Be Done?
Hi. I've got an idea about creating some dynamic graphs.

What I'm wondering is this: With the drawing tools, is it possible to create lines between points based not on their x, y coordinates? Ideally, I'd like to be able to draw lines between two named points, irrespective of where those points may lie on the x and y axes.

Failing that - can a polygon be created and 'stretched' out - it's shape being dictated by the vertices' distance from a centre point?

Can either of these be done?

Any guidance would be massively appreciated.

Plotting A Graph , Help
i need to plot a graph and have no idea how to even kick start. These is what how dynamic the graph is:

Basically is letting user trace the point(the correct X and Y coordination) on the graph and allow them to plot the graph. For example, when the user click on the correct coordination, a dot will appear and when the user click on the 2nd coordination, a line will appear to connect the first point to the 2nd one and etc. The last fucntion of this graph is to have a clear button that allow the user to clear the last plot attempt and so forth so that the user can continue to plot the graph.

Any idea where can i get the necessary information and possible someone can offer me some advice ?

...dynamic Graph...
hello

hope all you wiil fine and doing very well i am flash animator now i need to make bar graph which will get x, y vlaue from database and will create graph on x, y positiion.

Please any one let me know how i can make possible that.

Thanks

Curved Graph, Is It Possible?
The graph should go through some points loaded via a xml feed - and should curve nicely, not straigth lines.

Have not been able to find it or any tutorials about it anywhere so I am starting to wonder if it is possible?

Thx in advance for any help...

Regards
Latterlig

Graph Tracker
I just came across a Graph tracker for Stocks on Yahoo finance in which we could drag the line grph to any timeline. It's ben made in Flash. Does anyone has any clue how it can be done. Also is there any tutorial available on it on Flash Kit.

...dynamic Bar Graph...
hello

i want to make dynamic bar graph which will take value from database and generate by value plz any one let me help how i can done that

Regards

My Graph Widget
Hey, i made a fun general-purpose graph for a friend of mine, check it out:

http://www.schelterstudios.com/storage/graph2.html
http://www.schelterstudios.com/storage/graph.html

I designed it in such a way where you can style it by passing 3 parameters into its setStyle() method.
1) color of the line
2) bitmapdata object for the top section
3) bitmapdata object for the bottom section

Since it uses bitmapdata objects, you can use anything you want for the graph's appearance, as seen in the two examples I've listed above. It establishes a reference to the bitmapdata you pass in, so you can also alter them and see the effects appear in the graph itself as soon as it redraws itself.

As far as populating the graph goes, all you do is push in single number samples and it plots it at the end of the graph. It scales the data so the average lies across the middle of its y axis, but it scales down even further if outliers exceed the boundaries. You can also set a units string that is appended to the textfield showing the current sample values.

The graph itself is quite ideal for front-end display of server data, as it only updates itself as frequently is data is pushed into it, so the type of load it requires is all dependent on how you build the model to populate it.

Results Bar Graph
Hi guys,

Building a poll application. the results are parsed from an XML file to flash. Depending on how many results there were, that is how many slider movieclips will be attached. This works. My problem is, the scaling mcs get their values from the XML file, but they all just scale to the value of the first result. So for instance let's say the results are:

70
40
30

3 mc's are then dynamically added to the stage. The first one should scale to a value of 70, second one to 40 and the third to a value of 30.

Attached is the .fla and .xml file for clarity.

Thnx in advance.

XML-Graph Problem..
Hi all,
Please anyone help me with this,
Now i am working on dynamic graphs which getting data from XML..
I am attaching my source file for your kind persual..
Graph_New.zip
Please have a look at this and explain if u know any idea about my probs,

1.If i move my cursor over the graph line,the values of x,y want to show like this " (x,y) " and when i move out of the graph the values dont want to show.
2.How to zoom particular portion of entire graph...?

any help will be appriciated..
Thanks in advance

How To Color This...Graph?
Hi all,
Please help me to do this,
Here am attaching my source file for your kind persual.
Please have a look at this file..
And also i attached example jpeg file ..

Graph Plotting Ax^2+bx+c
I am trying to plot a graph of ax^2+bx+c via actionscript can anybody help me in this i am looking for a complete tutorials as i am very new to it

Graph Value Placement
I am trying to make a graph, the graph's height is 260px, so I need to place dots (values) according to the number passed to it.

What would be the best formula to place the value?

Math Graph
Hi,
I would like to draw a math graph in a movieclip from a math function. I tried to use:

_root.createEmptyMovieclip("graph",n)
with(_root,graph){
linestyle....
moveto ...
line to ...
}
n+n+1
to achieve that the line drawn stays visible in the graph.

This works allright for me but my computer slows down because of the increasing number of MC on level n.

Does anyone know of a better way to draw a graph?

thnx

Robbie

Multiline Graph
anyone knows how to create a multiline graph with the 12 months on the x axis nd value from$20,00 to $40,000 on the y axis?? ?

Can Anyone See A Problem With My Graph
Hi All
I am currently going nutts i am creating this graph with Flash and actionscript. The problem is that I can not get the bar to stop looping, it is a fairly simple problem but it is sending me nutts.

I have zipped the file, if anyone can take alook i would really appreciate it.

Thanks

Oly

Dynamic Graph
Hi,

can anyone teach me how to progam dynamic graphs using flash mx please.

The graph is suppose to be a dynamic frequency polygon, and is plotted when the user clicks on the appropriate frequencies on the various (x & y coordinates).

The instruction for this graph is:
user clicks on the correct cumulative frequencies(the y-axis) at each boundary and a line will be formed to join one point to another on the graph below.

The logic is:
-The user clicks on one point of the graph say P1(x: 3, y:7), a dot will appear
on that coordinate.
- Then he/she clicks on another point say P2(x:7, y: 9), another dot will
appear, and P2 will be joined to P1 by a line.

Please teach me if you can, thanks alot.

(or is there any good tutorial websites that teaches such dynamic flash codes?)

thanks alot.

regards,
LWM

Epileptic Graph
http://www.proactiveit.com.au/hollie

I've got a calculator with a graph, and when i move the sliders (term and interest rate) the graph has a very weird behaviour before "settling in".

Is there any way I can prevent this?

Thanks
Hollie

Graph Lurking Around
http://www.proactiveit.com.au/hollie/

Ihave a graph in a movie clip on the main time line. _root.graph
When you click "what is my net income" , it moves along the main timeline where the graph movie clip is no longer present..
but! the graph drawing still shows up.

These were created doing:

var canvas = _root.createEmptyMovieClip('example', 1);
var canvas2 = _root.createEmptyMovieClip('example2', 2);

How do I unload the drawing part in places it shouldnt be hanging around?

Ta

Plotting A Graph
i need to plot a graph and have no idea how to even kick start. These is what how dynamic the graph is:

Basically is letting user trace the point(the correct X and Y coordination) on the graph and allow them to plot the graph. For example, when the user click on the correct coordination, a dot will appear and when the user click on the 2nd coordination, a line will appear to connect the first point to the 2nd one and etc. The last fucntion of this graph is to have a clear button that allow the user to clear the last plot attempt and so forth so that the user can continue to plot the graph.

Any idea where can i get the necessary information and possible someone can offer me some advice ?

Please Help With Dynamic Bar Graph
I'm trying to do a dynamic bar graph like THIS

I'm trying to conceptualize how I would go about doing this in Flash.

My first thought was to create a MovieClip with exacty 100 frames. The first frame would look like THIS and the last frame would look like THIS

Now, my idea is to do some Actionscript like this:

[CODE]// Psuedo code (not an Actionscript guy yet...)

// The percentage comes from a value passed in by PHP
var percentage = 56%;

barMovieClip.play();
barMoveClip.stopAtFrame(56);

// Sorry for the horrible code. I hope you get the idea.
[/CODE]

So me questions are:

1) How can I easily create this 100 frame movieclip with the bar filling up to the right as each frame goes by? (i.e. frame 56 would show the bar 56% filled in) I've tried to do a shape tween with no luck.

2) Once I have the movieclip, how can I tell it to play through and stop at the proper frame according the percentage I receive from the database?

Thanks for any help guys.

HELP On Graph Plotting
Can anyone help me out with this? I attached the source file. It's a graph plotting when user can enter values for a quadratic /cubic equation and it'll plot the graph.

However, my problem is i wish to set the range when the graph will shown. That means if i enter -5 to 5, the graph will plots from that range. (i named it ak and bk) When i enter let's say -5 to -1 and it will only show that range.

Another question, how do i set so the graph will fit dynamically into the screen exactly.

Thanx in advance!

Excel Graph
How do i make a bar chart or pie chart or graph in 2004 using an Excel sheet.
Seen it done at demonstration, but forgot.
Please help.

Graph Opinion
I would like to get people's opinions on what would be easier for me to do. I am working on a game/quiz where people will select a state from a US map, and have to answer a question about each state. There is going to be a fake opponent that they are competing with, and if the player gets an answer right a bar/graph will move up for them, but if they get it wrong it will move up for the fake opponent.
That is the part I would like opinions about. Would it be easier for me to have a mc that plays according to whether the right or wrong answer is selected or is the code to do that not too complicated?

I will probably go the route of having mc's that play depending on whether a right/wrong answer is selected because I am not very advanced as far as my scripting skills go. I just like to have some background before I dive into because everyone here always comes up with some good ideas that I would not have thought of.

Thanks.

Graph Generation From XML In AS
Hi guys, long time, no see and all that. Just wanted to ask a question. I'm at work trying to create a graph from XML data. Now, that in itself is fine, I can load the data and I can get AS to draw the line with no problems. The real problem is the axes and their labels. Since each graph line is different, I've got it such that the y-axis scale (the small markers along it) changes according to the maximum value of the graph data (the x-axis is months, so remains static).

I'm trying to use a loop to create multiple textfields position along the line and vary the text contained within them depending on their position. So the position has to be dynamic (in itself, not hard) and the text has to be different according to where it is. This is hard, because loops don't seem to generate more than one text field... they only make the last one.

Please help! Alternatively, if you can think of/know a better way to do this, please let me know!

Latest Version (remember to rename data.txt to data.xml)

Polar Graph

Hi. I have a really big trouble. I need to make a polar graph and I have not idea how can I do. Thanks for anyone that can help me

Hi.

I have a really big trouble. I need to make a polar graph and I have not idea how can I do.

Thanks for anyone that can help me