Forums - All Forums

Add ClickControl to particular nodes

Thu, 11 Feb 2010 13:57:02 +0100

Hello ALL,

In the graph, there are 10 nodes, I want to add ClickCongtrol only to some of them.

I know I can add ClickControl for EVERY node using the following line

Code:

    var cc1:ClickControl = new ClickControl(NodeSprite,1);

Could I distinguish between different nodes

by using some identifier such as ID for this purpose?

Thanks
Felix

Problem with circularlayout - why isn'n circular?

Wed, 03 Feb 2010 11:52:49 +0100

hi
i've managed to import data from a json file, and now i'd like to visualize it with a graph similar to DependancyGraph.

So i've *cough* copied this part of code:
// define the visualization
_vis = new Visualization(data);
// place around circle by tree structure, radius mapped to depth
// make a large inner radius so labels are closer to circumference
_vis.operators.add(new CircleLayout("depth", null, true));
CircleLayout(_vis.operators.last).startRadiusFraction = 3/5;
// bundle edges to route along the tree structure
_vis.operators.add(new BundledEdgeRouter(0.95));
// set the edge alpha values
// longer edge, lighter alpha: 1/(2*numCtrlPoints)
// update and add
_vis.update();
addChild(_vis);

But the layout isn't circle! where is the error?

thanks
mikima

How to associate a jsp file with a node

Sun, 31 Jan 2010 15:50:46 +0100

Hello All,

Currently, I can draw a graph with nodes and edges. I wonder if Flare allow to associate a node with a jsp/HTML page. When the use clicks on the node, the label of the node is sent back to the web server. A jsp file receives the parameter, process the request and show the processing result on a web page.

Thanks

Felix

Switching between layouts

Thu, 28 Jan 2010 18:32:30 +0100

Hello everyone

I'm new to prefuse but having a great time playing with the API.
I'm posting my questions in the appropriate threads I hope.
In an effort to play with the API i have developed a Demo with a panel on the side allowing to change the parameters on the fly. Kind of like GraphView.
One of my goal was to be able to play around with the same set of data but passing from one alyout to another and see what works and how.
So I added a selection list to pick between different layoutd (Radial, Forcedirected etc...) As such:

algoBox.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent e) {
Visualization m_vis = Gview.getVisualization();
ActionList filter = (ActionList)m_vis.getAction("filter");
filter.cancel();
String algo = (String)algoBox.getSelectedItem();
Layout layout = null;
if(algo.equals("Radial")){
layout = new RadialTreeLayout(tree);
}else if(algo.equals("Balloon")){
layout = new BalloonTreeLayout(tree,10);
}else if(algo.equals("FruchtermanReingold")){;
layout = new FruchtermanReingoldLayout(tree,15);
}else if(algo.equals("ForceDirected")){
layout = new ForceDirectedLayout(tree,false);
}else if(algo.equals("SquarifiedTreeMap")){
layout = new SquarifiedTreeMapLayout(tree);
}else if(algo.equals("NodeLinkTree")){
layout = new NodeLinkTreeLayout(tree);
}
m_vis.putAction("treeLayout", layout);
filter.add(layout);
m_vis.run("filter");
}
});

Of course I start with a default layout:

RadialTreeLayout treeLayout = new RadialTreeLayout(tree);
m_vis.putAction("treeLayout", treeLayout);
CollapsedSubtreeLayout subLayout = new CollapsedSubtreeLayout(tree);
m_vis.putAction("subLayout", subLayout);

// create the filtering and layout
ActionList filter = new ActionList(2000);
filter.add(new TreeRootAction(tree));
filter.add(treeLayout);

The results are good the layouts do change but not in a coherent fashion. Only The first change to a new layout works and all new attempts seem to redraw on top of the old layout.

If anyone has tried such an approach before i'd love to hear about it. I can add my dataset is usually disjoint, maybe that factors in the problem.

Color menu

Thu, 28 Jan 2010 18:19:53 +0100

Hello everyone

I'm new to prefuse and have been playing and programming some demos.
For one application I apply color to nodes according to a field value, for example, nationality. Since I do not know before hand what all the values of this field I will have in the dataset I assigned an array of colors large enough and let the colorAction do the job.

public static class NodeColorAction extends DataColorAction {
public NodeColorAction(String group,String field, int[] palette) {
super(group, field,Constants.NOMINAL, VisualItem.FILLCOLOR, palette);
add("_hover", ColorLib.gray(220,230));
add("ingroup('_search_')", ColorLib.rgb(0,255,0));
add("ingroup('_focus_')", ColorLib.rgb(255,0,0));
add("ingroup('_selected_')", ColorLib.rgb(0,0,255));
add(VisualItem.HIGHLIGHT, ColorLib.rgb(255,0,0));
}
}

Here palette is an array of randomly picked colors.

I would like to give a menu of what the colors stand for, in an effort of clarity. For example a Map at the bottom of the applet assigning each color to the value of the nationality field it represents.

Is there somewhere where this info can be retrieved.

Off course if someone has a different way on answering this problem i'm also all ears.

thanks for your time

Simple Radial Layout with labels from XML

Tue, 26 Jan 2010 21:17:12 +0100

Hi all, a noob here..I wish this flare thing had a bunch of tutorials for beginners like me!! :sigh:

All I want to accomplish is something really simple - I want to create a radial tree layout similar to the one on the demo page (flare.prefuse.org/demo/)
I don't mind about the colors, I just want to create a radial tree layout like in the demo, except that the nodes must be labelled with the help of an xml file. I broke my head reading the tutorial a million times (flare.prefuse.org/tutorial). In short, I want something like what Martin has made, here (http://goosebumps4all.net/34all/bb/showt...p?tid=127) except that it has to be like the radial layout in the demo.I know this is really simple,probably for experts like you,but not for noobs like me

Any help is really much appreciated!!!!!

Thank you

Expanding graph at start

Mon, 25 Jan 2010 19:39:03 +0100

Hi

I have created a graph in flare of circular layout. As I start the application or open the flash file, the graph should expand ( or bloom) to a circular layout. How can that be done?

Thanks
Sharada

Graph edges don't refresh inside flex app

Sat, 23 Jan 2010 00:07:38 +0100

hi ppl,

I'm working on a social network visualization based on flare RadialTreeLayout example inside a flex project. Everything works fine using a small GraphML file (SocialNetwork2.xml, 30 nodes) but strange behaviour appears when visualizing more nodes (SocialNetwork.xml, >100 nodes). Edges of graph only refreshes when moving mouse over DataGrid component. I can't figure out how to refresh the graph edges from code. Any ideas?

Just run the socialnetwork.mxml to see the application. The project is for flex builder (linux version but should work fine on different OS).

greetings
Gerald

memory leak when loading many graphs sequentielly

Fri, 15 Jan 2010 13:47:33 +0100

Good morning,

hope all are well.

I noticed a memory leak when loading many graphs sequentielly. I just started looking into that and use the attached demo for my investigation.

Any suggestion how to improve the demo so that the allocated memory space is not slowly increasing over time would be great. I will myself post any improvements I find, I assume there are some EventListener in the way. Yet fixing this would involve flare core modifications I am afraid.

Greets

martin

Accessing node

Tue, 05 Jan 2010 01:06:59 +0100

Hi

How do I access a particular node of a graph using an Array?

for example: in the following code,

var dataList:DataList=vis.data.nodes;
for (var i:int = 0; i < dataList.length; i++) {
if (ComboBox(event.target).selectedItem.label == ?????){
vis.data.nodes[i].fillColor= 0x77ffff00;
}
}

This code checks if the selected combobox item is equal to a node ID or node attribute. If so, color of the node changes.

???? part of the code is what I need to know.

The data of a node includes an ID, sales and profit.

I tried vis.data.nodes[i].id and it doesnt work.

Please help !

Thank you.
Sharada

Cannot load data using DataSource URLLoader loader.addEventListener

Sun, 03 Jan 2010 03:52:56 +0100

Hello ALL,

I am new to Flare and ActionScript. I am learning Flare and ActionScript.

In the attached progam, I want to load data from a GraphML format XML file to render a graph, which consists of nodes and edges.

However, the graph could not be rendered properly. Only a circle is shown.

Could anyone help me with this.

Thanks in advance

Adding a combobox to a flare project

Sat, 02 Jan 2010 21:40:18 +0100

Hi

I am unable to add a combobox to a flare project. My flare project is a graph of nodes and edges. On selecting an item from the combobox, the nodes in the graph with the property selected need to be highlighted.
I tired importing mx.controls.combobox but it doesn't work.

I saw a post about using FlareVis and I am not clear on how that can be implemented.

Any suggestions?

Thank you!
Sharada

dynamically adding aggregates

Wed, 16 Dec 2009 19:37:13 +0100

Hi Folks,
I've been struggling recently trying to add existing nodes to a new aggregate grouping. I'm more-or-less following the AggregateDecoratorDemo example, and the label (decorator) of the aggregate shows up on my visualization, but not the convex hull around nodes.

Unfortunately, I can't post compilable code, but the pertinent class is attached. Referenced classes are either from the AggregateDecoratorDemo source or unrelated to the visualization.

setUserGroup() is the function that makes the aggregates, and addGroupActions() sets up the painting (I think).

This has been driving me crazy, so any feedback with get you everlasting admiration in my eyes. Thanks,

ry

Why ExpandControl is not working in the ForceDirectedLayout

Tue, 08 Dec 2009 21:52:33 +0100

Hi there,

I'm trying to expand/collapse tree nodes when clicked in a ForceDirectedLayout. I added the control, but nothing happens. When I change to other layout like CircularLayout it does work.

Can anyone help me, please?

Cheers,
Cassio

Code and node icon attached.

Add Image on top of node`

Sat, 28 Nov 2009 16:01:29 +0100

HI all,

i'm using prefuse as presentation tier to my application

assuming i have simple graph and i won't to add dynamically an alert icon on

top of the node when one press a button.

i know how to add node as image but my problem is how i attach it to the

existing node and place it in a specific location

Thanks

Avi

2 questions about prefuse (SQL and schedules)

Tue, 17 Nov 2009 13:49:29 +0100

Hi all,

I just started to work with prefuse. It's quite nice, but somehow difficult to handle.

I had a look at the Graphview Demo and this is basically what I need. But I don't want to read the Input from a xml file. I want to query a database. Therefore, prefuse has the prefuse.io.sql package.

So I query the database and the result is stored in a table. Now I want to make a 2nd query and want to "append" the result at the table. But every time, I call the 2nd query, the table is overwritten and only the new result is represented in there

How can I fix this?

And 2nd question is: How could I schedule this whole table generation and graph plotting? I want to display changes every 3seconds. Is there a prefuse package, which allows that?

For any answer, I'll be very happy :-)

Best,
Martin

Magnify glass

Sun, 15 Nov 2009 18:26:24 +0100

Hi,

A Magnify Glass example.

I've take all the necessary code from here:

http://wonderfl.net/code/ce64c566e070878...7dd81ecc83

and I've put it inside the Magnify class.

Then, I've ramdomly choosen an example (LabelerBorderDemo.as) and I've added the Magnify class and two new lines inside the example:

==================================================
private var magnify:Magnify; //new property

magnify=new Magnify(this); //inside the example constructor.
==================================================

Move the cursor on the labels to see the magnify effect.

I hope this helps.

Best regards,
Pablo.

Sunburst + ForceDirectedLayout: How to combine different layouts on the same graph?

Sat, 14 Nov 2009 00:03:35 +0100

Hi there,

I'm trying to make an Sunburst-like app that the leaves (i.e. peripheric nodes) are displayed as circles and uses the forcedirected layout.

There's a image attached ilustrating my ideia along with my actual code.

Can anyone outline the steps for achieving it? Any similar tutorial?

Thanks in advance!
Cassio

Editing Dependency Graph

Fri, 13 Nov 2009 19:11:07 +0100

Hello there,

I'm glad I stumbled upon this great forum! I discovered flare two weeks ago and picked the "Dependeny Graph" for the best solution to visualize my project. So, now I'm trying to get it running. I really hope that some of you will spend their time helping me out of my stupid beginners' questions.

Ok here it is: My basic AS-Code is the DependencyGraph.as file in the flare.apps directory. I chose this one, because it's the best layout I could find for my work. But I need to adjust it a little bit to my preferences.

At first I want my nodes being DIRECTLY linked to each other, so that it makes no difference if Node A is linking TO Node B or Node A is linked BY Node B.

Second, I need a solution to draw lines from Node A to Node B in a different color than from Node A to Node C. How can I implement that in the json-file and finally code it in my flare project?

Puh... lame questions, I know. But I really can't do it on my own - so far.

Thanks for your effort,
Matti

sorry, beginner's question without attachment. will move to the sourceforge forum

Sunburst-like app problem: node moving when expanded / collapsed

Fri, 13 Nov 2009 17:35:37 +0100

Hello there,

I'm building a Sunburst-like app (attached) with RadialTreeLayout and Shapes.WEDGE. When collapsing / expanding the node also moves, is it a bug? I played around HoverControl.MOVE_AND_RETURN etc but it's still the same...

Also:
- How to begin just one level exanded or fully collapsed?
- How wrap text inside the nodes?

Any help is appreciated!

Cassio

(13-11-2009 06:35 PM)ksiomelo Wrote: Hello there,

I'm building a Sunburst-like app (attached) with RadialTreeLayout and Shapes.WEDGE. When collapsing / expanding, the node also moves, is it a bug? I played around HoverControl.MOVE_AND_RETURN etc but it's still the same...

Also:
- How to begin just one level exanded or fully collapsed?
- How wrap text inside the nodes?

Any help is appreciated!

Cassio

Ok, I fixed that:

var lay:RadialTreeLayout = new RadialTreeLayout(50, true);
lay.angleWidth = -2*Math.PI;

but what about wrapping texts?