Sorting a TreeView alphabetically per depth level

Björn Kruse — Sun, 03 Jun 2018 20:13:20 -0000

Hi,
it is long time ago, so I can hardly remember.
In general I'd try this way:
create your own prefuse.visual.sort.ItemSorter
overwrite its score method to implement custom sorting

In your special case, it might be more feasible to directly subclass prefuse.visual.sort.TreeDepthItemSorter

The javadoc for the score method in ItemSorter reads:

    /**
     * <p>Return an ordering score for an item. The default scoring imparts
     * the following order:
     * hover items > highlighted items > items in the
     * {@link prefuse.Visualization#FOCUS_ITEMS} set >
     * {@link prefuse.Visualization#SEARCH_ITEMS} set >
     * DecoratorItem instances > normal VisualItem instances. A zero
     * score is returned for normal items, with scores starting at
     * 1&lt;&lt;27 for other items, leaving the number range beneath that
     * value open for additional nuanced scoring.</p> 
     * 
     * <p>Subclasses can override this method to provide custom sorting
     * criteria.</p>
     * @param item the VisualItem to provide an ordering score
     * @return the ordering score
     */

The source code is pretty well readable, may be worse a look...

Hope that helps,
Björn

Sorting a TreeView alphabetically per depth level

Mark — Tue, 15 May 2018 17:49:12 -0000

Could I please ask for your perspective...?

Using the standard prefuse.demos.TreeView example (incl. NodeLinkTreeLayout and CollapsedSubtreeLayout), I was surprised to see that the Nodes are not sorted alphabetically per depth level, see:

https://imgur.com/a/DGNLm5A

I would expect both the fruit list and the animal list to be sorted alphabetically, which is something I would like to achieve.

Trying to understand what happends, I have a few considerations:
- I've looked into prefuse.visual.sort.TreeDepthItemSorter, but it seems this has to do with how different Nodes are drawn over or under each other;
- I've noted prefuse.data.util.Sort, but I was under the impression that data is decoupled from the visual representation (see: http://prefuse.org/doc/manual/introduction/structure/).

Has anyone solved this problem before? Your thoughts are much appreciated.

Many thanks...!

Using refuse in Android

Vrishank Gupta — Fri, 06 Apr 2018 15:21:46 -0000

How can i use prefuse in Android Application. I want to build an app to visualise various tree and graph data structure algorithms.

Flare CircleLayout Data Visualization

elhajjam amir — Thu, 28 Jul 2016 22:41:20 -0000

hey,
i want create a data visualisation for CircleLayout from data like :
[

{"name":"info","publication":["pub1","pub2","pub3","pub4"]}
{"name":"math","publication":["pub1","pub2","pub3","pub4"]}
{"name":"physique","publication":["pub1","pub2","pub3","pub4"]}
{"name":"science","publication":["pub1","pub2","pub3","pub4"]}
{"name":"francais","publication":["pub1","pub2","pub3","pub4"]}
{"name":"anglais","publication":["pub1","pub2","pub3","pub4"]}
{"name":"arabe","publication":["pub1","pub2","pub3","pub4"]}
{"name":"philosophie","publication":["pub1","pub2","pub3","pub4"]}

]
specificaly i need a function like databuild of depandencyGrah of flare
thanks

How to load multiple xml in Tree View demo class?

maliha z — Sat, 10 Oct 2015 15:45:51 -0000

Hi Prefusians,
Im new in Java.Im using TreeView demo class. What i m looking for is, to be able to use two radio buttons, OR a browse button and load an xml of my choice and the TreeView demo load the data as per my xml. Ofcourse, the structure of both xml would be the same, but only data would be different.
Possible? plz plz help me with this.
Thanks.

How to change Font color of each node in treeview?

maliha z — Thu, 17 Sep 2015 17:25:35 -0000

No, actually its not about tree depth, i just used it as example, i was actually regerring to TreeView class that im using but i have modified its .xml as per my needs. I just want to color the Author, Co-Advisor and Date of issue to appear in Blue, Green and maroon color respectively in each child node. Hope im clear this time...plz suggest any ideas for that also.

How to change Font color of each node in treeview?

Björn Kruse — Wed, 16 Sep 2015 17:06:00 -0000

Hi,

the tree depth is already visualized through the layout, so (maybe) no need to visualize the tree depth by a second visual aspect?
Usually color for different things is used to visualize different aspects (male/female nodes, year of date, anything, ...) that does not

If you want to go your way, you need a ColorAction or a DataColorAction. Basically those actions assign a color value to the corresponding color field (e.g. the TextColor field). Ok, and your renderer needs to consider this, but I guess default font/text renderer will do.

Search the source code of the demos/prefuse/demos classes if any of them uses ColorAction or DataColorAction.

If you have problems getting your tree depth as input, then simply write your own ColorAction. That's no big deal and probably explained on this forum.

hope that helps,
Björn

How to change Font color of each node in treeview?

maliha z — Wed, 16 Sep 2015 14:42:39 -0000

Hi,

Is it possible that in TreeView example, I may change the font color of the node at each level. Like if my tree is 6 levels deep, i use 6 different colors for nodes at 6 levels.

Plz help or suggest something better to make my tree attractive.

Help required for TreeMap class

maliha z — Mon, 14 Sep 2015 14:17:18 -0000

Hey, Bjorn, thanks for your response. Yes DataMountain is what im looking at but it defines its images in a folder and also uses amazon.txt file to get the ids of the images, pass it to URL and navigate to the respective page on amazon site. But in my case im using xml file, and also NodeLinkTree layout, in which i have multiple nodes, out of which i want one of my nodes(URI) to be clickable, that i have done already. Now im trying to load an image in another node, on click of that image, i want it to launch browser and open the URL i specify in the code may be..
any suggestions for that please?

Help required for TreeMap class

Björn Kruse — Sun, 13 Sep 2015 19:27:54 -0000

Hi,
I haven't been reading this forum for years, but take a look at DataMountain Demo http://prefuse.org/gallery/datamountain/

It uses images and is clickable, if I remember right.

Maybe, in the itemClicked method, just get the field value from your node/item and check if its type/value is what you want to be clickable. If not, just exit without doing anything.
Looks like you want nodes with name==URI to be clickable?

Good luck,
Björn

Recent posts to Discussion

Sorting a TreeView alphabetically per depth level

Sorting a TreeView alphabetically per depth level

Using refuse in Android

Flare CircleLayout Data Visualization

How to load multiple xml in Tree View demo class?

How to change Font color of each node in treeview?

How to change Font color of each node in treeview?

How to change Font color of each node in treeview?

Help required for TreeMap class

Help required for TreeMap class