New RadialTreeLayout for Roassal

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
9 messages Options
Reply | Threaded
Open this post in threaded view
|

New RadialTreeLayout for Roassal

MathieuDehouck

Hello

 

I've been working on a new radial tree layout for Roassal.

 

The code still needs some improvements, but the algorithm seems to work.

Here are some screenshots for comparison.

 

I'd like to add Bezier curves to Roassal.

 

Mathieu

 

_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev

Collection after.png (19K) Download Attachment
Collection before.png (4K) Download Attachment
TestCase and 622 subclasses1.png (123K) Download Attachment
TestCase before.png (112K) Download Attachment
Reply | Threaded
Open this post in threaded view
|

Re: New RadialTreeLayout for Roassal

Tudor Girba-2
Excellent!

This should get integrated into Roassal. Could you please point us to the implementation?

Cheers,
Doru


On Tue, Apr 9, 2013 at 2:00 PM, <[hidden email]> wrote:

Hello

 

I've been working on a new radial tree layout for Roassal.

 

The code still needs some improvements, but the algorithm seems to work.

Here are some screenshots for comparison.

 

I'd like to add Bezier curves to Roassal.

 

Mathieu

 

_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev




--

"Every thing has its own flow"

_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev
Reply | Threaded
Open this post in threaded view
|

Re: New RadialTreeLayout for Roassal

Ben Coman
In reply to this post by MathieuDehouck
Thats really cool.  I had been thinking of something similar but had not had the time (and/or appitude). Well done.

I had been further thinking... with the radial direction for a subclass hierarchy, the circum direction could show relationships between classes, with a force-layout to self organise into clusters.
Something like https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQk2TrupS7jexi8naoyiJdD3zcj9YEpAXwEgR-hQk6YpEzG4TNsfA
perhaps with the curves on the outside of the circle.

cheers -ben

[hidden email] wrote:
 

Hello 

I've been working on a new radial tree layout for Roassal.


The code still needs some improvements, but the algorithm seems to
work. 

Here are some screenshots for comparison. 

I'd like to add
Bezier curves to Roassal. 

Mathieu 
 
  

_______________________________________________ Moose-dev mailing list [hidden email] https://www.iam.unibe.ch/mailman/listinfo/moose-dev


_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev
Reply | Threaded
Open this post in threaded view
|

Re: New RadialTreeLayout for Roassal

abergel
In reply to this post by Tudor Girba-2
This should get integrated into Roassal. Could you please point us to the implementation?


A comparison between the old radial layout and the new one:

RORadialTreeLayout is the old layout.
RORadialTreeLayout_N is the new Mathieu's layout.


Mathieu's layout is slightly slower, however the result is more exploitable, nodes are less cluttered.

-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
| view |
view := ROMondrianViewBuilder new.

view nodes: Object withAllSubclasses.
view edgesFrom: #superclass.
[view layout: (RORadialTreeLayout new).
view applyLayout.] timeToRun  

=> 6779
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
| view |
view := ROMondrianViewBuilder new.

view nodes: Object withAllSubclasses.
view edgesFrom: #superclass.
[view layout: (RORadialTreeLayout_N new).
view applyLayout.] timeToRun  

=> 7420
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

I had a look at RORadialTreeLayout_N. Several "Transcript show" are still present. Do you consider the code finished? If yes, then I can do some cleaning and write some unit tests.
Good job Mathieu!

Cheers,
Alexandre



Cheers,
Doru


On Tue, Apr 9, 2013 at 2:00 PM, <[hidden email]> wrote:
Hello

 
I've been working on a new radial tree layout for Roassal.

 
The code still needs some improvements, but the algorithm seems to work.

Here are some screenshots for comparison.

 
I'd like to add Bezier curves to Roassal.

 
Mathieu

 

_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev




-- 
www.tudorgirba.com

"Every thing has its own flow"
_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev

-- 
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel  http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.




_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev
Reply | Threaded
Open this post in threaded view
|

Re: New RadialTreeLayout for Roassal

abergel
The same script using Athens and Roassal


Alexandre


On Apr 9, 2013, at 7:12 PM, Alexandre Bergel <[hidden email]> wrote:

This should get integrated into Roassal. Could you please point us to the implementation?

In http://smalltalkhub.com/#!/~MathieuDehouck/RoassalAlgorithm

A comparison between the old radial layout and the new one:

RORadialTreeLayout is the old layout.
RORadialTreeLayout_N is the new Mathieu's layout.

<Screen Shot 2013-04-09 at 7.07.37 PM.png><Screen Shot 2013-04-09 at 7.07.26 PM.png>

Mathieu's layout is slightly slower, however the result is more exploitable, nodes are less cluttered.

-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
| view |
view := ROMondrianViewBuilder new.

view nodes: Object withAllSubclasses.
view edgesFrom: #superclass.
[view layout: (RORadialTreeLayout new).
view applyLayout.] timeToRun  

=> 6779
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
| view |
view := ROMondrianViewBuilder new.

view nodes: Object withAllSubclasses.
view edgesFrom: #superclass.
[view layout: (RORadialTreeLayout_N new).
view applyLayout.] timeToRun  

=> 7420
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

I had a look at RORadialTreeLayout_N. Several "Transcript show" are still present. Do you consider the code finished? If yes, then I can do some cleaning and write some unit tests.
Good job Mathieu!

Cheers,
Alexandre



Cheers,
Doru


On Tue, Apr 9, 2013 at 2:00 PM, <[hidden email]> wrote:
Hello

 
I've been working on a new radial tree layout for Roassal.

 
The code still needs some improvements, but the algorithm seems to work.

Here are some screenshots for comparison.

 
I'd like to add Bezier curves to Roassal.

 
Mathieu

 

_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev




-- 
www.tudorgirba.com

"Every thing has its own flow"
_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev

-- 
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel  http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.



_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev

-- 
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel  http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.




_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev
Reply | Threaded
Open this post in threaded view
|

Re: New RadialTreeLayout for Roassal

Tudor Girba-2
Great. We need to integrate this rendering directly in Moose :).

Doru


On Apr 10, 2013, at 1:49 AM, Alexandre Bergel <[hidden email]> wrote:

> The same script using Athens and Roassal
>
> <Screen Shot 2013-04-09 at 7.49.08 PM.png>
>
> Alexandre
>
>
> On Apr 9, 2013, at 7:12 PM, Alexandre Bergel <[hidden email]> wrote:
>
>>> This should get integrated into Roassal. Could you please point us to the implementation?
>>
>> In http://smalltalkhub.com/#!/~MathieuDehouck/RoassalAlgorithm
>>
>> A comparison between the old radial layout and the new one:
>>
>> RORadialTreeLayout is the old layout.
>> RORadialTreeLayout_N is the new Mathieu's layout.
>>
>> <Screen Shot 2013-04-09 at 7.07.37 PM.png><Screen Shot 2013-04-09 at 7.07.26 PM.png>
>>
>> Mathieu's layout is slightly slower, however the result is more exploitable, nodes are less cluttered.
>>
>> -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
>> | view |
>> view := ROMondrianViewBuilder new.
>>
>> view nodes: Object withAllSubclasses.
>> view edgesFrom: #superclass.
>> [view layout: (RORadialTreeLayout new).
>> view applyLayout.] timeToRun  
>>
>> => 6779
>> -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
>>
>> -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
>> | view |
>> view := ROMondrianViewBuilder new.
>>
>> view nodes: Object withAllSubclasses.
>> view edgesFrom: #superclass.
>> [view layout: (RORadialTreeLayout_N new).
>> view applyLayout.] timeToRun  
>>
>> => 7420
>> -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
>>
>> I had a look at RORadialTreeLayout_N. Several "Transcript show" are still present. Do you consider the code finished? If yes, then I can do some cleaning and write some unit tests.
>> Good job Mathieu!
>>
>> Cheers,
>> Alexandre
>>
>>
>>>
>>> Cheers,
>>> Doru
>>>
>>>
>>> On Tue, Apr 9, 2013 at 2:00 PM, <[hidden email]> wrote:
>>> Hello
>>>
>>>  
>>> I've been working on a new radial tree layout for Roassal.
>>>
>>>  
>>> The code still needs some improvements, but the algorithm seems to work.
>>>
>>> Here are some screenshots for comparison.
>>>
>>>  
>>> I'd like to add Bezier curves to Roassal.
>>>
>>>  
>>> Mathieu
>>>
>>>  
>>>
>>> _______________________________________________
>>> Moose-dev mailing list
>>> [hidden email]
>>> https://www.iam.unibe.ch/mailman/listinfo/moose-dev
>>>
>>>
>>>
>>>
>>> --
>>> www.tudorgirba.com
>>>
>>> "Every thing has its own flow"
>>> _______________________________________________
>>> Moose-dev mailing list
>>> [hidden email]
>>> https://www.iam.unibe.ch/mailman/listinfo/moose-dev
>>
>> --
>> _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
>> Alexandre Bergel  http://www.bergel.eu
>> ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
>>
>>
>>
>> _______________________________________________
>> Moose-dev mailing list
>> [hidden email]
>> https://www.iam.unibe.ch/mailman/listinfo/moose-dev
>
> --
> _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
> Alexandre Bergel  http://www.bergel.eu
> ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
>
>
>
> _______________________________________________
> Moose-dev mailing list
> [hidden email]
> https://www.iam.unibe.ch/mailman/listinfo/moose-dev

--
www.tudorgirba.com

"There are no old things, there are only old ways of looking at them."




_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev
Reply | Threaded
Open this post in threaded view
|

Re: New RadialTreeLayout for Roassal

stephane ducasse
In reply to this post by abergel

On Apr 10, 2013, at 1:49 AM, Alexandre Bergel <[hidden email]> wrote:

> The same script using Athens and Roassal

Good news :)
_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev
Reply | Threaded
Open this post in threaded view
|

Re: New RadialTreeLayout for Roassal

abergel
In reply to this post by MathieuDehouck
Hi!

I am now checking Processing, a tool similar than Roassal but for Java. It contains many example with Bezier curve. I am now also thinking that maybe using Athens for bezier curves will be easier.

Alexandre


On Apr 9, 2013, at 8:00 AM, [hidden email] wrote:

> Hello
>
>  
> I've been working on a new radial tree layout for Roassal.
>
>  
> The code still needs some improvements, but the algorithm seems to work.
>
> Here are some screenshots for comparison.
>
>  
> I'd like to add Bezier curves to Roassal.
>
>  
> Mathieu
>
>  
> <Collection after.png><Collection before.png><TestCase and 622 subclasses1.png><TestCase before.png>_______________________________________________
> Moose-dev mailing list
> [hidden email]
> https://www.iam.unibe.ch/mailman/listinfo/moose-dev

--
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel  http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.




_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev
Reply | Threaded
Open this post in threaded view
|

Re: New RadialTreeLayout for Roassal

stephane ducasse

On Apr 14, 2013, at 6:29 PM, Alexandre Bergel <[hidden email]> wrote:

> Hi!
>
> I am now checking Processing, a tool similar than Roassal but for Java. It contains many example with Bezier curve. I am now also thinking that maybe using Athens for bezier curves will be easier.
Igor told me a couple of days ago that he has two or three kind of bezier curves.
Did you check if athens support bezier for the balloon back-end. Probably but I'm not sure.

Stef

>
> Alexandre
>
>
> On Apr 9, 2013, at 8:00 AM, [hidden email] wrote:
>
>> Hello
>>
>>
>> I've been working on a new radial tree layout for Roassal.
>>
>>
>> The code still needs some improvements, but the algorithm seems to work.
>>
>> Here are some screenshots for comparison.
>>
>>
>> I'd like to add Bezier curves to Roassal.
>>
>>
>> Mathieu
>>
>>
>> <Collection after.png><Collection before.png><TestCase and 622 subclasses1.png><TestCase before.png>_______________________________________________
>> Moose-dev mailing list
>> [hidden email]
>> https://www.iam.unibe.ch/mailman/listinfo/moose-dev
>
> --
> _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
> Alexandre Bergel  http://www.bergel.eu
> ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
>
>
>
>
> _______________________________________________
> Moose-dev mailing list
> [hidden email]
> https://www.iam.unibe.ch/mailman/listinfo/moose-dev


_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev