28 Feb
2012
28 Feb
'12
4:02 p.m.
Hi,
I'm working on a treemap layout in Mondrian. I created the basic
functionality but am far from finished.
For the current progress see the following screenshots:
http://cl.ly/342z261g021c3X1j3X2b - A visualization of a very simple java
system (https://github.com/mircealungu/SimpleSample)
http://cl.ly/3H3x1K1y3O3j430S0a2z - A visualization of FAMIX itself.
The following is an example of how one sets up the layout:
viewTreemapOn: view
view nodes: self nodes.
view edges: self nodes
from: [ :each | each ]
toAll: [ :each | each children ].
view layout: (MOTreeMapLayoutIncubation withWeightBlock: [ :e |
| model |
model := e model.
model isNil ifTrue: [
0.
]
ifFalse: [
e model entity numberOfLinesOfCode.
].
]).
The tree structure is given by the edges definition. The layout is created
with a weight block (lines of code here, but could be anything).
At the end I'd like to have something like:
http://cl.ly/3v1L3O2a2n1H1C2x3J0V - TreeMap in Softwarenaut in VisualWorks.
This is the first code that I'm writing with Mondrian, so I'm sure it could
be improved in many areas. If anyone sees a problem with how I set up the
layout. please do tell. If anyone wants to look at the code in detail
please take a look at MOTreeMapLayoutIncubation in my
Softwarenaut repository (I'm creating the tree map layout as part of the
Softwarenaut port to Pharo):
MCHttpRepository
location:
'http://www.squeaksource.com/Softwarenaut'
user: ''
password: ''
The layout is currently in this repo, if it is more mature, it would be
cool to add it to Mondrian itself. I'd like to make it as generic as
possible.
Now for some specific questions:
The red colors you see in the screenshots is actually a bug. What I would
like to do is only color the leaf nodes, but somehow (my guess is, it has
something to do with shape caching?), it also colors the containment blocks.
The way I do it is, while ging through the nodes (MONode) to draw them
If it is a leaf
node shape fillColor: ((Color fromString:
'#ff0000') alpha: 0.1).
If it is a containment block:
node shape fillColor: (Color fromString:
'#eeeeee').
But somehow all shapes (except the root node) are colored with the red
translucent color. Does anyone have an idea why this could be the case?
In general: I'm doing the styling of the nodes (also tried to add some
interactivity) directly inside the layout, but I'm not sure if this is the
Mondrian way to do this, since normally shape definitions and interaction
is defined when creating the view. Is this okay? Or should I do this in
another way?
My thought was that I'd like to have a treemap layout with default, nice
looking interactions, colors etc. without having to define them outside,
when defining the view, so it needs as little setup as possible.
Any inputs in general are greatly appreciated.
Cheers,
Dennis