Cool! Can you try a class blueprint?
Alexandre
On 3 Jun 2011, at 22:39, Santiago Vidal wrote:
Hi, I committed the Mondrian extensions to support the HTML/Protovis file generation. It took some time because I had some performances issues whit dragging. Also, I had to use an external library to the tooltips because Protovis only supports basic tooltips in a single line. Owing to these problems some additional files are required to run the generated html (I'm attaching these files). Currently the visitor only support the generation of graphics with rectangle nodes and edges. Specifically, inner nodes, DistributionMap, and system complexity. (I'm also attaching an example of each one) I gladly welcome your comments! ;) Cheers Santiago
2011/5/30 Alexandre Bergel alexandre.bergel@me.com Looks good. Edges now
Alexandre
On 30 May 2011, at 16:03, Santiago Vidal wrote:
I have changed the implementation. Now you can click and drag the inner nodes. The new file is in the attachment. Take care Santiago
2011/5/30 Alexandre Bergel alexandre.bergel@me.com
Currently you can select an inner node but you can't drag it. That is because the position of an inner node is determined by the position of its parent. However, I think that the implementation could be change properly.
Ok, let us know
Alexandre
2011/5/30 Tudor Girba tudor@tudorgirba.com Hi,
Looks good. However, I think there is a problem: the inner nodes do drag together with the parent node, but I would also like to be able to interact with the inner nodes (e.g., drag or click). Is this a conceptual problem, or is it simple a missing implementation?
Cheers, Doru
On 30 May 2011, at 18:22, Santiago Vidal wrote:
Sorry, the tittle is wrong. They are inner nodes. I use this example code: view nodes: (1 to: 5) forEach: [:each | view nodes: (1 to: each). view gridLayout ]
2011/5/30 Alexandre Bergel alexandre.bergel@me.com Yes, this is what I see. But the image is named inner edges and I do not see any edge. An edge is a line
Cheers, Alexandre
On 30 May 2011, at 11:12, Santiago Vidal wrote:
You should see this <InnerEdges.png>
2011/5/30 Alexandre Bergel alexandre.bergel@me.com Good start! In innerEdgesExampleWithAbsolutePosition.html I do not see any edge. Am I the only one? I use Safari and OSX.
Can you try with _large_ visualization? Try to import the whole Moose and generate the visualizations.
Alexandre
On 30 May 2011, at 10:52, Santiago Vidal wrote:
Hi, I have been working in visualization examples of complexity, inner nodes, and distribution map. I used for these examples the second option that we discuss previously. The examples are in the attachment. Cheers Santiago
2011/5/27 Tudor Girba tudor@tudorgirba.com Hi,
You should go for both options.
Start with 2, and for 1, you will create new MondrianLayouts that will only work directly with Protovis.
Cheers, Doru
On 27 May 2011, at 19:02, Santiago Vidal wrote:
> I don't know yet. In principle I'm going to implement the drag & drop behavior. In going to try to make an example using the Mondrian representation for Monday. > > 2011/5/27 Johan Fabry jfabry@dcc.uchile.cl > > I agree with Alex, but I have a question: how do you plan to handle interactions, more specifically node replacement operations? > > On 27 May 2011, at 12:22, Alexandre Bergel wrote: > > > I feel we should opt for 2). > > We should export the visualization using Protovis, not recoding Mondrian in Protovis. > > > > Alexandre > > > > > > On 27 May 2011, at 12:19, Santiago Vidal wrote: > > > >> Hi, > >> I have been working in the visualization of the inner nodes. In general I have 2 options to work with protovis: > >> • Be independent of the data by means of the use of Protovis Layouts. > >> • Copy the same visualization that is used by Mondrian. That is create a Protovis canvas of the same size that the canvas of Mondrian and place each shape in Protovis in the same location that in the canvas of Mondrian. > >> While the first option is more modifiable than the second, it implies the creation of new layouts when they are needed. > >> The main advantage of the second option is that the generated html file could be interactive (such as the example that I send before). However, it doesn't improve the graphics generated by Mondrian. > >> What do you think is the best option? > >> Cheers > >> Santiago > > -- > Johan Fabry > jfabry@dcc.uchile.cl - http://dcc.uchile.cl/~jfabry > PLEIAD Lab - Computer Science Department (DCC) - University of Chile > > > > > _______________________________________________ > Moose-dev mailing list > Moose-dev@iam.unibe.ch > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > -- > Ing. Santiago A. Vidal > ISISTAN Research Institute > UNICEN University > Paraje Arroyo Seco > Campus Universitario > (B7001BBO) Tandil, > Bs. As. - Argentina > Phone: 54 2293 439840 Ext. 42 > Fax: 54 2293 439681 > Email: svidal@exa.unicen.edu.ar > http://www.exa.unicen.edu.ar/~svidal > _______________________________________________ > Moose-dev mailing list > Moose-dev@iam.unibe.ch > https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- www.tudorgirba.com
"Not knowing how to do something is not an argument for how it cannot be done."
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal <protovisMondrian.zip>_______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal _______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal _______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- www.tudorgirba.com
"If you interrupt the barber while he is cutting your hair, you will end up with a messy haircut."
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal _______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal <protovisMondrian.zip>_______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal <DistributionMap.html><DragWithChildRestriction.js><ex.css><jquery.tipsy.js><jquery-1.4.2.min.js><protovis-r3.2.js><tipsy.css><tipsyBehavior.js><innerNodes.html><SystemComplexity.html>_______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
Ok, that's the next step :) Santiago
2011/6/4 Alexandre Bergel alexandre.bergel@me.com
Cool! Can you try a class blueprint?
Alexandre
On 3 Jun 2011, at 22:39, Santiago Vidal wrote:
Hi, I committed the Mondrian extensions to support the HTML/Protovis file
generation. It took some time because I had some performances issues whit dragging. Also, I had to use an external library to the tooltips because Protovis only supports basic tooltips in a single line. Owing to these problems some additional files are required to run the generated html (I'm attaching these files).
Currently the visitor only support the generation of graphics with
rectangle nodes and edges. Specifically, inner nodes, DistributionMap, and system complexity. (I'm also attaching an example of each one)
I gladly welcome your comments! ;) Cheers Santiago
2011/5/30 Alexandre Bergel alexandre.bergel@me.com Looks good. Edges now
Alexandre
On 30 May 2011, at 16:03, Santiago Vidal wrote:
I have changed the implementation. Now you can click and drag the inner
nodes. The new file is in the attachment.
Take care Santiago
2011/5/30 Alexandre Bergel alexandre.bergel@me.com
Currently you can select an inner node but you can't drag it. That is
because the position of an inner node is determined by the position of its parent. However, I think that the implementation could be change properly.
Ok, let us know
Alexandre
2011/5/30 Tudor Girba tudor@tudorgirba.com Hi,
Looks good. However, I think there is a problem: the inner nodes do
drag together with the parent node, but I would also like to be able to interact with the inner nodes (e.g., drag or click). Is this a conceptual problem, or is it simple a missing implementation?
Cheers, Doru
On 30 May 2011, at 18:22, Santiago Vidal wrote:
Sorry, the tittle is wrong. They are inner nodes. I use this
example code:
view nodes: (1 to: 5) forEach: [:each | view nodes: (1 to: each). view gridLayout ]
2011/5/30 Alexandre Bergel alexandre.bergel@me.com Yes, this is what I see. But the image is named inner edges and I
do not see any edge.
An edge is a line
Cheers, Alexandre
On 30 May 2011, at 11:12, Santiago Vidal wrote:
You should see this <InnerEdges.png>
2011/5/30 Alexandre Bergel alexandre.bergel@me.com Good start! In innerEdgesExampleWithAbsolutePosition.html I do not see any
edge. Am I the only one? I use Safari and OSX.
Can you try with _large_ visualization? Try to import the whole
Moose and generate the visualizations.
Alexandre
On 30 May 2011, at 10:52, Santiago Vidal wrote:
> Hi, > I have been working in visualization examples of complexity,
inner nodes, and distribution map. I used for these examples the second option that we discuss previously. The examples are in the attachment.
> Cheers > Santiago > > 2011/5/27 Tudor Girba tudor@tudorgirba.com > Hi, > > You should go for both options. > > Start with 2, and for 1, you will create new MondrianLayouts
that will only work directly with Protovis.
> > Cheers, > Doru > > > On 27 May 2011, at 19:02, Santiago Vidal wrote: > > > I don't know yet. In principle I'm going to implement the
drag & drop behavior. In going to try to make an example using the Mondrian representation for Monday.
> > > > 2011/5/27 Johan Fabry jfabry@dcc.uchile.cl > > > > I agree with Alex, but I have a question: how do you plan to
handle interactions, more specifically node replacement operations?
> > > > On 27 May 2011, at 12:22, Alexandre Bergel wrote: > > > > > I feel we should opt for 2). > > > We should export the visualization using Protovis, not
recoding Mondrian in Protovis.
> > > > > > Alexandre > > > > > > > > > On 27 May 2011, at 12:19, Santiago Vidal wrote: > > > > > >> Hi, > > >> I have been working in the visualization of the inner
nodes. In general I have 2 options to work with protovis:
> > >> • Be independent of the data by means of the use of
Protovis Layouts.
> > >> • Copy the same visualization that is used by
Mondrian. That is create a Protovis canvas of the same size that the canvas of Mondrian and place each shape in Protovis in the same location that in the canvas of Mondrian.
> > >> While the first option is more modifiable than the second,
it implies the creation of new layouts when they are needed.
> > >> The main advantage of the second option is that the
generated html file could be interactive (such as the example that I send before). However, it doesn't improve the graphics generated by Mondrian.
> > >> What do you think is the best option? > > >> Cheers > > >> Santiago > > > > -- > > Johan Fabry > > jfabry@dcc.uchile.cl - http://dcc.uchile.cl/~jfabry > > PLEIAD Lab - Computer Science Department (DCC) - University
of Chile
> > > > > > > > > > _______________________________________________ > > Moose-dev mailing list > > Moose-dev@iam.unibe.ch > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > > > > > -- > > Ing. Santiago A. Vidal > > ISISTAN Research Institute > > UNICEN University > > Paraje Arroyo Seco > > Campus Universitario > > (B7001BBO) Tandil, > > Bs. As. - Argentina > > Phone: 54 2293 439840 Ext. 42 > > Fax: 54 2293 439681 > > Email: svidal@exa.unicen.edu.ar > > http://www.exa.unicen.edu.ar/~svidal > > _______________________________________________ > > Moose-dev mailing list > > Moose-dev@iam.unibe.ch > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > -- > www.tudorgirba.com > > "Not knowing how to do something is not an argument for how it
cannot be done."
> > > _______________________________________________ > Moose-dev mailing list > Moose-dev@iam.unibe.ch > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > -- > Ing. Santiago A. Vidal > ISISTAN Research Institute > UNICEN University > Paraje Arroyo Seco > Campus Universitario > (B7001BBO) Tandil, > Bs. As. - Argentina > Phone: 54 2293 439840 Ext. 42 > Fax: 54 2293 439681 > Email: svidal@exa.unicen.edu.ar > http://www.exa.unicen.edu.ar/~svidal >
<protovisMondrian.zip>_______________________________________________
> Moose-dev mailing list > Moose-dev@iam.unibe.ch > https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal _______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal _______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- www.tudorgirba.com
"If you interrupt the barber while he is cutting your hair, you will end up with a messy haircut."
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal _______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal <protovisMondrian.zip>_______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal
<DistributionMap.html><DragWithChildRestriction.js><ex.css><jquery.tipsy.js><jquery-1.4.2.min.js><protovis-r3.2.js><tipsy.css><tipsyBehavior.js><innerNodes.html><SystemComplexity.html>_______________________________________________
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
Hi,
Pretty nice.
Just a note: Given that the size of the attachments is large, please put it somewhere for us to download instead of sending them by mail directly. Use Dropbox for example: http://www.dropbox.com/
Cheers, Doru
On 4 Jun 2011, at 21:35, Santiago Vidal wrote:
Ok, that's the next step :) Santiago
2011/6/4 Alexandre Bergel alexandre.bergel@me.com Cool! Can you try a class blueprint?
Alexandre
On 3 Jun 2011, at 22:39, Santiago Vidal wrote:
Hi, I committed the Mondrian extensions to support the HTML/Protovis file generation. It took some time because I had some performances issues whit dragging. Also, I had to use an external library to the tooltips because Protovis only supports basic tooltips in a single line. Owing to these problems some additional files are required to run the generated html (I'm attaching these files). Currently the visitor only support the generation of graphics with rectangle nodes and edges. Specifically, inner nodes, DistributionMap, and system complexity. (I'm also attaching an example of each one) I gladly welcome your comments! ;) Cheers Santiago
2011/5/30 Alexandre Bergel alexandre.bergel@me.com Looks good. Edges now
Alexandre
On 30 May 2011, at 16:03, Santiago Vidal wrote:
I have changed the implementation. Now you can click and drag the inner nodes. The new file is in the attachment. Take care Santiago
2011/5/30 Alexandre Bergel alexandre.bergel@me.com
Currently you can select an inner node but you can't drag it. That is because the position of an inner node is determined by the position of its parent. However, I think that the implementation could be change properly.
Ok, let us know
Alexandre
2011/5/30 Tudor Girba tudor@tudorgirba.com Hi,
Looks good. However, I think there is a problem: the inner nodes do drag together with the parent node, but I would also like to be able to interact with the inner nodes (e.g., drag or click). Is this a conceptual problem, or is it simple a missing implementation?
Cheers, Doru
On 30 May 2011, at 18:22, Santiago Vidal wrote:
Sorry, the tittle is wrong. They are inner nodes. I use this example code: view nodes: (1 to: 5) forEach: [:each | view nodes: (1 to: each). view gridLayout ]
2011/5/30 Alexandre Bergel alexandre.bergel@me.com Yes, this is what I see. But the image is named inner edges and I do not see any edge. An edge is a line
Cheers, Alexandre
On 30 May 2011, at 11:12, Santiago Vidal wrote:
You should see this <InnerEdges.png>
2011/5/30 Alexandre Bergel alexandre.bergel@me.com Good start! In innerEdgesExampleWithAbsolutePosition.html I do not see any edge. Am I the only one? I use Safari and OSX.
Can you try with _large_ visualization? Try to import the whole Moose and generate the visualizations.
Alexandre
On 30 May 2011, at 10:52, Santiago Vidal wrote:
> Hi, > I have been working in visualization examples of complexity, inner nodes, and distribution map. I used for these examples the second option that we discuss previously. The examples are in the attachment. > Cheers > Santiago > > 2011/5/27 Tudor Girba tudor@tudorgirba.com > Hi, > > You should go for both options. > > Start with 2, and for 1, you will create new MondrianLayouts that will only work directly with Protovis. > > Cheers, > Doru > > > On 27 May 2011, at 19:02, Santiago Vidal wrote: > > > I don't know yet. In principle I'm going to implement the drag & drop behavior. In going to try to make an example using the Mondrian representation for Monday. > > > > 2011/5/27 Johan Fabry jfabry@dcc.uchile.cl > > > > I agree with Alex, but I have a question: how do you plan to handle interactions, more specifically node replacement operations? > > > > On 27 May 2011, at 12:22, Alexandre Bergel wrote: > > > > > I feel we should opt for 2). > > > We should export the visualization using Protovis, not recoding Mondrian in Protovis. > > > > > > Alexandre > > > > > > > > > On 27 May 2011, at 12:19, Santiago Vidal wrote: > > > > > >> Hi, > > >> I have been working in the visualization of the inner nodes. In general I have 2 options to work with protovis: > > >> • Be independent of the data by means of the use of Protovis Layouts. > > >> • Copy the same visualization that is used by Mondrian. That is create a Protovis canvas of the same size that the canvas of Mondrian and place each shape in Protovis in the same location that in the canvas of Mondrian. > > >> While the first option is more modifiable than the second, it implies the creation of new layouts when they are needed. > > >> The main advantage of the second option is that the generated html file could be interactive (such as the example that I send before). However, it doesn't improve the graphics generated by Mondrian. > > >> What do you think is the best option? > > >> Cheers > > >> Santiago > > > > -- > > Johan Fabry > > jfabry@dcc.uchile.cl - http://dcc.uchile.cl/~jfabry > > PLEIAD Lab - Computer Science Department (DCC) - University of Chile > > > > > > > > > > _______________________________________________ > > Moose-dev mailing list > > Moose-dev@iam.unibe.ch > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > > > > > -- > > Ing. Santiago A. Vidal > > ISISTAN Research Institute > > UNICEN University > > Paraje Arroyo Seco > > Campus Universitario > > (B7001BBO) Tandil, > > Bs. As. - Argentina > > Phone: 54 2293 439840 Ext. 42 > > Fax: 54 2293 439681 > > Email: svidal@exa.unicen.edu.ar > > http://www.exa.unicen.edu.ar/~svidal > > _______________________________________________ > > Moose-dev mailing list > > Moose-dev@iam.unibe.ch > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > -- > www.tudorgirba.com > > "Not knowing how to do something is not an argument for how it cannot be done." > > > _______________________________________________ > Moose-dev mailing list > Moose-dev@iam.unibe.ch > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > -- > Ing. Santiago A. Vidal > ISISTAN Research Institute > UNICEN University > Paraje Arroyo Seco > Campus Universitario > (B7001BBO) Tandil, > Bs. As. - Argentina > Phone: 54 2293 439840 Ext. 42 > Fax: 54 2293 439681 > Email: svidal@exa.unicen.edu.ar > http://www.exa.unicen.edu.ar/~svidal > <protovisMondrian.zip>_______________________________________________ > Moose-dev mailing list > Moose-dev@iam.unibe.ch > https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal _______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal _______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- www.tudorgirba.com
"If you interrupt the barber while he is cutting your hair, you will end up with a messy haircut."
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal _______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal <protovisMondrian.zip>_______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal <DistributionMap.html><DragWithChildRestriction.js><ex.css><jquery.tipsy.js><jquery-1.4.2.min.js><protovis-r3.2.js><tipsy.css><tipsyBehavior.js><innerNodes.html><SystemComplexity.html>_______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal _______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- www.tudorgirba.com
"No matter how many recipes we know, we still value a chef."
Hi, I updated the Protovis export method of Mondrian easel. Now it also works with blueprint classes. One or more classes can be displayed (In the same way as Mondrian). There are some examples in the next file: www.santiagovidal.com.ar/MondrianProtovis/examples.zip Now, also, the canvas is automatically re-sized when you drag an element out of it. Cheers Santiago
2011/6/5 Tudor Girba tudor@tudorgirba.com
Hi,
Pretty nice.
Just a note: Given that the size of the attachments is large, please put it somewhere for us to download instead of sending them by mail directly. Use Dropbox for example: http://www.dropbox.com/
Cheers, Doru
On 4 Jun 2011, at 21:35, Santiago Vidal wrote:
Ok, that's the next step :) Santiago
2011/6/4 Alexandre Bergel alexandre.bergel@me.com Cool! Can you try a class blueprint?
Alexandre
On 3 Jun 2011, at 22:39, Santiago Vidal wrote:
Hi, I committed the Mondrian extensions to support the HTML/Protovis file
generation. It took some time because I had some performances issues whit dragging. Also, I had to use an external library to the tooltips because Protovis only supports basic tooltips in a single line. Owing to these problems some additional files are required to run the generated html (I'm attaching these files).
Currently the visitor only support the generation of graphics with
rectangle nodes and edges. Specifically, inner nodes, DistributionMap, and system complexity. (I'm also attaching an example of each one)
I gladly welcome your comments! ;) Cheers Santiago
2011/5/30 Alexandre Bergel alexandre.bergel@me.com Looks good. Edges now
Alexandre
On 30 May 2011, at 16:03, Santiago Vidal wrote:
I have changed the implementation. Now you can click and drag the
inner nodes. The new file is in the attachment.
Take care Santiago
2011/5/30 Alexandre Bergel alexandre.bergel@me.com
Currently you can select an inner node but you can't drag it. That
is because the position of an inner node is determined by the position of its parent. However, I think that the implementation could be change properly.
Ok, let us know
Alexandre
2011/5/30 Tudor Girba tudor@tudorgirba.com Hi,
Looks good. However, I think there is a problem: the inner nodes do
drag together with the parent node, but I would also like to be able to interact with the inner nodes (e.g., drag or click). Is this a conceptual problem, or is it simple a missing implementation?
Cheers, Doru
On 30 May 2011, at 18:22, Santiago Vidal wrote:
Sorry, the tittle is wrong. They are inner nodes. I use this
example code:
view nodes: (1 to: 5) forEach: [:each | view nodes: (1 to: each). view gridLayout ]
2011/5/30 Alexandre Bergel alexandre.bergel@me.com Yes, this is what I see. But the image is named inner edges and I
do not see any edge.
An edge is a line
Cheers, Alexandre
On 30 May 2011, at 11:12, Santiago Vidal wrote:
> You should see this > <InnerEdges.png> > > 2011/5/30 Alexandre Bergel alexandre.bergel@me.com > Good start! > In innerEdgesExampleWithAbsolutePosition.html I do not see any
edge. Am I the only one? I use Safari and OSX.
> > Can you try with _large_ visualization? Try to import the whole
Moose and generate the visualizations.
> > Alexandre > > > On 30 May 2011, at 10:52, Santiago Vidal wrote: > > > Hi, > > I have been working in visualization examples of complexity,
inner nodes, and distribution map. I used for these examples the second option that we discuss previously. The examples are in the attachment.
> > Cheers > > Santiago > > > > 2011/5/27 Tudor Girba tudor@tudorgirba.com > > Hi, > > > > You should go for both options. > > > > Start with 2, and for 1, you will create new MondrianLayouts
that will only work directly with Protovis.
> > > > Cheers, > > Doru > > > > > > On 27 May 2011, at 19:02, Santiago Vidal wrote: > > > > > I don't know yet. In principle I'm going to implement the
drag & drop behavior. In going to try to make an example using the Mondrian representation for Monday.
> > > > > > 2011/5/27 Johan Fabry jfabry@dcc.uchile.cl > > > > > > I agree with Alex, but I have a question: how do you plan
to handle interactions, more specifically node replacement operations?
> > > > > > On 27 May 2011, at 12:22, Alexandre Bergel wrote: > > > > > > > I feel we should opt for 2). > > > > We should export the visualization using Protovis, not
recoding Mondrian in Protovis.
> > > > > > > > Alexandre > > > > > > > > > > > > On 27 May 2011, at 12:19, Santiago Vidal wrote: > > > > > > > >> Hi, > > > >> I have been working in the visualization of the inner
nodes. In general I have 2 options to work with protovis:
> > > >> • Be independent of the data by means of the use of
Protovis Layouts.
> > > >> • Copy the same visualization that is used by
Mondrian. That is create a Protovis canvas of the same size that the canvas of Mondrian and place each shape in Protovis in the same location that in the canvas of Mondrian.
> > > >> While the first option is more modifiable than the
second, it implies the creation of new layouts when they are needed.
> > > >> The main advantage of the second option is that the
generated html file could be interactive (such as the example that I send before). However, it doesn't improve the graphics generated by Mondrian.
> > > >> What do you think is the best option? > > > >> Cheers > > > >> Santiago > > > > > > -- > > > Johan Fabry > > > jfabry@dcc.uchile.cl - http://dcc.uchile.cl/~jfabry > > > PLEIAD Lab - Computer Science Department (DCC) - University
of Chile
> > > > > > > > > > > > > > > _______________________________________________ > > > Moose-dev mailing list > > > Moose-dev@iam.unibe.ch > > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > > > > > > > > > -- > > > Ing. Santiago A. Vidal > > > ISISTAN Research Institute > > > UNICEN University > > > Paraje Arroyo Seco > > > Campus Universitario > > > (B7001BBO) Tandil, > > > Bs. As. - Argentina > > > Phone: 54 2293 439840 Ext. 42 > > > Fax: 54 2293 439681 > > > Email: svidal@exa.unicen.edu.ar > > > http://www.exa.unicen.edu.ar/~svidal > > > _______________________________________________ > > > Moose-dev mailing list > > > Moose-dev@iam.unibe.ch > > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > -- > > www.tudorgirba.com > > > > "Not knowing how to do something is not an argument for how
it cannot be done."
> > > > > > _______________________________________________ > > Moose-dev mailing list > > Moose-dev@iam.unibe.ch > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > > > > > -- > > Ing. Santiago A. Vidal > > ISISTAN Research Institute > > UNICEN University > > Paraje Arroyo Seco > > Campus Universitario > > (B7001BBO) Tandil, > > Bs. As. - Argentina > > Phone: 54 2293 439840 Ext. 42 > > Fax: 54 2293 439681 > > Email: svidal@exa.unicen.edu.ar > > http://www.exa.unicen.edu.ar/~svidal > >
<protovisMondrian.zip>_______________________________________________
> > Moose-dev mailing list > > Moose-dev@iam.unibe.ch > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > -- > _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: > Alexandre Bergel http://www.bergel.eu > ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;. > > > > > > > _______________________________________________ > Moose-dev mailing list > Moose-dev@iam.unibe.ch > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > -- > Ing. Santiago A. Vidal > ISISTAN Research Institute > UNICEN University > Paraje Arroyo Seco > Campus Universitario > (B7001BBO) Tandil, > Bs. As. - Argentina > Phone: 54 2293 439840 Ext. 42 > Fax: 54 2293 439681 > Email: svidal@exa.unicen.edu.ar > http://www.exa.unicen.edu.ar/~svidal > _______________________________________________ > Moose-dev mailing list > Moose-dev@iam.unibe.ch > https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal _______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- www.tudorgirba.com
"If you interrupt the barber while he is cutting your hair, you will end up with a messy haircut."
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal _______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal <protovisMondrian.zip>_______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal
<DistributionMap.html><DragWithChildRestriction.js><ex.css><jquery.tipsy.js><jquery-1.4.2.min.js><protovis-r3.2.js><tipsy.css><tipsyBehavior.js><innerNodes.html><SystemComplexity.html>_______________________________________________
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal _______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- www.tudorgirba.com
"No matter how many recipes we know, we still value a chef."
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
Hi Santiago!
Really cool! You succeeded in having class blueprint in a web browser, probably the most complicated visualization made with mondrian.
I now have a question about packaging your work. All the compressed javascript code takes 188 Kb. Where should we put this necessary code? Within Mondrian directly I think. Like this one can simply export a visualization as html5 without having to install anything else on the side.
Do you think you can store a zip file as a string (have a look at the ThemeIcons class side, they use Base64MimeConverter to have a binary code as a readable string)? And then unzip it when exporting a visualization as html5?
Cheers, Alexandre
On 9 Jun 2011, at 21:05, Santiago Vidal wrote:
Hi, I updated the Protovis export method of Mondrian easel. Now it also works with blueprint classes. One or more classes can be displayed (In the same way as Mondrian). There are some examples in the next file: www.santiagovidal.com.ar/MondrianProtovis/examples.zip Now, also, the canvas is automatically re-sized when you drag an element out of it. Cheers Santiago
2011/6/5 Tudor Girba tudor@tudorgirba.com Hi,
Pretty nice.
Just a note: Given that the size of the attachments is large, please put it somewhere for us to download instead of sending them by mail directly. Use Dropbox for example: http://www.dropbox.com/
Cheers, Doru
On 4 Jun 2011, at 21:35, Santiago Vidal wrote:
Ok, that's the next step :) Santiago
2011/6/4 Alexandre Bergel alexandre.bergel@me.com Cool! Can you try a class blueprint?
Alexandre
On 3 Jun 2011, at 22:39, Santiago Vidal wrote:
Hi, I committed the Mondrian extensions to support the HTML/Protovis file generation. It took some time because I had some performances issues whit dragging. Also, I had to use an external library to the tooltips because Protovis only supports basic tooltips in a single line. Owing to these problems some additional files are required to run the generated html (I'm attaching these files). Currently the visitor only support the generation of graphics with rectangle nodes and edges. Specifically, inner nodes, DistributionMap, and system complexity. (I'm also attaching an example of each one) I gladly welcome your comments! ;) Cheers Santiago
2011/5/30 Alexandre Bergel alexandre.bergel@me.com Looks good. Edges now
Alexandre
On 30 May 2011, at 16:03, Santiago Vidal wrote:
I have changed the implementation. Now you can click and drag the inner nodes. The new file is in the attachment. Take care Santiago
2011/5/30 Alexandre Bergel alexandre.bergel@me.com
Currently you can select an inner node but you can't drag it. That is because the position of an inner node is determined by the position of its parent. However, I think that the implementation could be change properly.
Ok, let us know
Alexandre
2011/5/30 Tudor Girba tudor@tudorgirba.com Hi,
Looks good. However, I think there is a problem: the inner nodes do drag together with the parent node, but I would also like to be able to interact with the inner nodes (e.g., drag or click). Is this a conceptual problem, or is it simple a missing implementation?
Cheers, Doru
On 30 May 2011, at 18:22, Santiago Vidal wrote:
Sorry, the tittle is wrong. They are inner nodes. I use this example code: view nodes: (1 to: 5) forEach: [:each | view nodes: (1 to: each). view gridLayout ]
2011/5/30 Alexandre Bergel alexandre.bergel@me.com Yes, this is what I see. But the image is named inner edges and I do not see any edge. An edge is a line
Cheers, Alexandre
On 30 May 2011, at 11:12, Santiago Vidal wrote:
> You should see this > <InnerEdges.png> > > 2011/5/30 Alexandre Bergel alexandre.bergel@me.com > Good start! > In innerEdgesExampleWithAbsolutePosition.html I do not see any edge. Am I the only one? I use Safari and OSX. > > Can you try with _large_ visualization? Try to import the whole Moose and generate the visualizations. > > Alexandre > > > On 30 May 2011, at 10:52, Santiago Vidal wrote: > > > Hi, > > I have been working in visualization examples of complexity, inner nodes, and distribution map. I used for these examples the second option that we discuss previously. The examples are in the attachment. > > Cheers > > Santiago > > > > 2011/5/27 Tudor Girba tudor@tudorgirba.com > > Hi, > > > > You should go for both options. > > > > Start with 2, and for 1, you will create new MondrianLayouts that will only work directly with Protovis. > > > > Cheers, > > Doru > > > > > > On 27 May 2011, at 19:02, Santiago Vidal wrote: > > > > > I don't know yet. In principle I'm going to implement the drag & drop behavior. In going to try to make an example using the Mondrian representation for Monday. > > > > > > 2011/5/27 Johan Fabry jfabry@dcc.uchile.cl > > > > > > I agree with Alex, but I have a question: how do you plan to handle interactions, more specifically node replacement operations? > > > > > > On 27 May 2011, at 12:22, Alexandre Bergel wrote: > > > > > > > I feel we should opt for 2). > > > > We should export the visualization using Protovis, not recoding Mondrian in Protovis. > > > > > > > > Alexandre > > > > > > > > > > > > On 27 May 2011, at 12:19, Santiago Vidal wrote: > > > > > > > >> Hi, > > > >> I have been working in the visualization of the inner nodes. In general I have 2 options to work with protovis: > > > >> • Be independent of the data by means of the use of Protovis Layouts. > > > >> • Copy the same visualization that is used by Mondrian. That is create a Protovis canvas of the same size that the canvas of Mondrian and place each shape in Protovis in the same location that in the canvas of Mondrian. > > > >> While the first option is more modifiable than the second, it implies the creation of new layouts when they are needed. > > > >> The main advantage of the second option is that the generated html file could be interactive (such as the example that I send before). However, it doesn't improve the graphics generated by Mondrian. > > > >> What do you think is the best option? > > > >> Cheers > > > >> Santiago > > > > > > -- > > > Johan Fabry > > > jfabry@dcc.uchile.cl - http://dcc.uchile.cl/~jfabry > > > PLEIAD Lab - Computer Science Department (DCC) - University of Chile > > > > > > > > > > > > > > > _______________________________________________ > > > Moose-dev mailing list > > > Moose-dev@iam.unibe.ch > > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > > > > > > > > > -- > > > Ing. Santiago A. Vidal > > > ISISTAN Research Institute > > > UNICEN University > > > Paraje Arroyo Seco > > > Campus Universitario > > > (B7001BBO) Tandil, > > > Bs. As. - Argentina > > > Phone: 54 2293 439840 Ext. 42 > > > Fax: 54 2293 439681 > > > Email: svidal@exa.unicen.edu.ar > > > http://www.exa.unicen.edu.ar/~svidal > > > _______________________________________________ > > > Moose-dev mailing list > > > Moose-dev@iam.unibe.ch > > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > -- > > www.tudorgirba.com > > > > "Not knowing how to do something is not an argument for how it cannot be done." > > > > > > _______________________________________________ > > Moose-dev mailing list > > Moose-dev@iam.unibe.ch > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > > > > > -- > > Ing. Santiago A. Vidal > > ISISTAN Research Institute > > UNICEN University > > Paraje Arroyo Seco > > Campus Universitario > > (B7001BBO) Tandil, > > Bs. As. - Argentina > > Phone: 54 2293 439840 Ext. 42 > > Fax: 54 2293 439681 > > Email: svidal@exa.unicen.edu.ar > > http://www.exa.unicen.edu.ar/~svidal > > <protovisMondrian.zip>_______________________________________________ > > Moose-dev mailing list > > Moose-dev@iam.unibe.ch > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > -- > _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: > Alexandre Bergel http://www.bergel.eu > ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;. > > > > > > > _______________________________________________ > Moose-dev mailing list > Moose-dev@iam.unibe.ch > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > -- > Ing. Santiago A. Vidal > ISISTAN Research Institute > UNICEN University > Paraje Arroyo Seco > Campus Universitario > (B7001BBO) Tandil, > Bs. As. - Argentina > Phone: 54 2293 439840 Ext. 42 > Fax: 54 2293 439681 > Email: svidal@exa.unicen.edu.ar > http://www.exa.unicen.edu.ar/~svidal > _______________________________________________ > Moose-dev mailing list > Moose-dev@iam.unibe.ch > https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal _______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- www.tudorgirba.com
"If you interrupt the barber while he is cutting your hair, you will end up with a messy haircut."
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal _______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal <protovisMondrian.zip>_______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal <DistributionMap.html><DragWithChildRestriction.js><ex.css><jquery.tipsy.js><jquery-1.4.2.min.js><protovis-r3.2.js><tipsy.css><tipsyBehavior.js><innerNodes.html><SystemComplexity.html>_______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal _______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- www.tudorgirba.com
"No matter how many recipes we know, we still value a chef."
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal _______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
It sounds possible. I'll take a look at it. Santiago
2011/6/10 Alexandre Bergel alexandre.bergel@me.com
Hi Santiago!
Really cool! You succeeded in having class blueprint in a web browser, probably the most complicated visualization made with mondrian.
I now have a question about packaging your work. All the compressed javascript code takes 188 Kb. Where should we put this necessary code? Within Mondrian directly I think. Like this one can simply export a visualization as html5 without having to install anything else on the side.
Do you think you can store a zip file as a string (have a look at the ThemeIcons class side, they use Base64MimeConverter to have a binary code as a readable string)? And then unzip it when exporting a visualization as html5?
Cheers, Alexandre
On 9 Jun 2011, at 21:05, Santiago Vidal wrote:
Hi, I updated the Protovis export method of Mondrian easel. Now it also
works with blueprint classes. One or more classes can be displayed (In the same way as Mondrian). There are some examples in the next file: www.santiagovidal.com.ar/MondrianProtovis/examples.zip
Now, also, the canvas is automatically re-sized when you drag an element
out of it.
Cheers Santiago
2011/6/5 Tudor Girba tudor@tudorgirba.com Hi,
Pretty nice.
Just a note: Given that the size of the attachments is large, please put
it somewhere for us to download instead of sending them by mail directly. Use Dropbox for example:
Cheers, Doru
On 4 Jun 2011, at 21:35, Santiago Vidal wrote:
Ok, that's the next step :) Santiago
2011/6/4 Alexandre Bergel alexandre.bergel@me.com Cool! Can you try a class blueprint?
Alexandre
On 3 Jun 2011, at 22:39, Santiago Vidal wrote:
Hi, I committed the Mondrian extensions to support the HTML/Protovis file
generation. It took some time because I had some performances issues whit dragging. Also, I had to use an external library to the tooltips because Protovis only supports basic tooltips in a single line. Owing to these problems some additional files are required to run the generated html (I'm attaching these files).
Currently the visitor only support the generation of graphics with
rectangle nodes and edges. Specifically, inner nodes, DistributionMap, and system complexity. (I'm also attaching an example of each one)
I gladly welcome your comments! ;) Cheers Santiago
2011/5/30 Alexandre Bergel alexandre.bergel@me.com Looks good. Edges now
Alexandre
On 30 May 2011, at 16:03, Santiago Vidal wrote:
I have changed the implementation. Now you can click and drag the
inner nodes. The new file is in the attachment.
Take care Santiago
2011/5/30 Alexandre Bergel alexandre.bergel@me.com
Currently you can select an inner node but you can't drag it.
That is because the position of an inner node is determined by the position of its parent. However, I think that the implementation could be change properly.
Ok, let us know
Alexandre
2011/5/30 Tudor Girba tudor@tudorgirba.com Hi,
Looks good. However, I think there is a problem: the inner nodes
do drag together with the parent node, but I would also like to be able to interact with the inner nodes (e.g., drag or click). Is this a conceptual problem, or is it simple a missing implementation?
Cheers, Doru
On 30 May 2011, at 18:22, Santiago Vidal wrote:
> Sorry, the tittle is wrong. They are inner nodes. I use this
example code:
> view nodes: (1 to: 5) forEach: [:each | > view nodes: (1 to: each). > view gridLayout ] > > 2011/5/30 Alexandre Bergel alexandre.bergel@me.com > Yes, this is what I see. But the image is named inner edges and
I do not see any edge.
> An edge is a line > > Cheers, > Alexandre > > > On 30 May 2011, at 11:12, Santiago Vidal wrote: > > > You should see this > > <InnerEdges.png> > > > > 2011/5/30 Alexandre Bergel alexandre.bergel@me.com > > Good start! > > In innerEdgesExampleWithAbsolutePosition.html I do not see
any edge. Am I the only one? I use Safari and OSX.
> > > > Can you try with _large_ visualization? Try to import the
whole Moose and generate the visualizations.
> > > > Alexandre > > > > > > On 30 May 2011, at 10:52, Santiago Vidal wrote: > > > > > Hi, > > > I have been working in visualization examples of
complexity, inner nodes, and distribution map. I used for these examples the second option that we discuss previously. The examples are in the attachment.
> > > Cheers > > > Santiago > > > > > > 2011/5/27 Tudor Girba tudor@tudorgirba.com > > > Hi, > > > > > > You should go for both options. > > > > > > Start with 2, and for 1, you will create new
MondrianLayouts that will only work directly with Protovis.
> > > > > > Cheers, > > > Doru > > > > > > > > > On 27 May 2011, at 19:02, Santiago Vidal wrote: > > > > > > > I don't know yet. In principle I'm going to implement the
drag & drop behavior. In going to try to make an example using the Mondrian representation for Monday.
> > > > > > > > 2011/5/27 Johan Fabry jfabry@dcc.uchile.cl > > > > > > > > I agree with Alex, but I have a question: how do you plan
to handle interactions, more specifically node replacement operations?
> > > > > > > > On 27 May 2011, at 12:22, Alexandre Bergel wrote: > > > > > > > > > I feel we should opt for 2). > > > > > We should export the visualization using Protovis, not
recoding Mondrian in Protovis.
> > > > > > > > > > Alexandre > > > > > > > > > > > > > > > On 27 May 2011, at 12:19, Santiago Vidal wrote: > > > > > > > > > >> Hi, > > > > >> I have been working in the visualization of the inner
nodes. In general I have 2 options to work with protovis:
> > > > >> • Be independent of the data by means of the use
of Protovis Layouts.
> > > > >> • Copy the same visualization that is used by
Mondrian. That is create a Protovis canvas of the same size that the canvas of Mondrian and place each shape in Protovis in the same location that in the canvas of Mondrian.
> > > > >> While the first option is more modifiable than the
second, it implies the creation of new layouts when they are needed.
> > > > >> The main advantage of the second option is that the
generated html file could be interactive (such as the example that I send before). However, it doesn't improve the graphics generated by Mondrian.
> > > > >> What do you think is the best option? > > > > >> Cheers > > > > >> Santiago > > > > > > > > -- > > > > Johan Fabry > > > > jfabry@dcc.uchile.cl - http://dcc.uchile.cl/~jfabry > > > > PLEIAD Lab - Computer Science Department (DCC) -
University of Chile
> > > > > > > > > > > > > > > > > > > > _______________________________________________ > > > > Moose-dev mailing list > > > > Moose-dev@iam.unibe.ch > > > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > > > > > > > > > > > > > -- > > > > Ing. Santiago A. Vidal > > > > ISISTAN Research Institute > > > > UNICEN University > > > > Paraje Arroyo Seco > > > > Campus Universitario > > > > (B7001BBO) Tandil, > > > > Bs. As. - Argentina > > > > Phone: 54 2293 439840 Ext. 42 > > > > Fax: 54 2293 439681 > > > > Email: svidal@exa.unicen.edu.ar > > > > http://www.exa.unicen.edu.ar/~svidal > > > > _______________________________________________ > > > > Moose-dev mailing list > > > > Moose-dev@iam.unibe.ch > > > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > > > -- > > > www.tudorgirba.com > > > > > > "Not knowing how to do something is not an argument for how
it cannot be done."
> > > > > > > > > _______________________________________________ > > > Moose-dev mailing list > > > Moose-dev@iam.unibe.ch > > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > > > > > > > > > -- > > > Ing. Santiago A. Vidal > > > ISISTAN Research Institute > > > UNICEN University > > > Paraje Arroyo Seco > > > Campus Universitario > > > (B7001BBO) Tandil, > > > Bs. As. - Argentina > > > Phone: 54 2293 439840 Ext. 42 > > > Fax: 54 2293 439681 > > > Email: svidal@exa.unicen.edu.ar > > > http://www.exa.unicen.edu.ar/~svidal > > >
<protovisMondrian.zip>_______________________________________________
> > > Moose-dev mailing list > > > Moose-dev@iam.unibe.ch > > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > -- > > _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: > > Alexandre Bergel http://www.bergel.eu > > ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;. > > > > > > > > > > > > > > _______________________________________________ > > Moose-dev mailing list > > Moose-dev@iam.unibe.ch > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > > > > > -- > > Ing. Santiago A. Vidal > > ISISTAN Research Institute > > UNICEN University > > Paraje Arroyo Seco > > Campus Universitario > > (B7001BBO) Tandil, > > Bs. As. - Argentina > > Phone: 54 2293 439840 Ext. 42 > > Fax: 54 2293 439681 > > Email: svidal@exa.unicen.edu.ar > > http://www.exa.unicen.edu.ar/~svidal > > _______________________________________________ > > Moose-dev mailing list > > Moose-dev@iam.unibe.ch > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > -- > _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: > Alexandre Bergel http://www.bergel.eu > ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;. > > > > > > > _______________________________________________ > Moose-dev mailing list > Moose-dev@iam.unibe.ch > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > -- > Ing. Santiago A. Vidal > ISISTAN Research Institute > UNICEN University > Paraje Arroyo Seco > Campus Universitario > (B7001BBO) Tandil, > Bs. As. - Argentina > Phone: 54 2293 439840 Ext. 42 > Fax: 54 2293 439681 > Email: svidal@exa.unicen.edu.ar > http://www.exa.unicen.edu.ar/~svidal > _______________________________________________ > Moose-dev mailing list > Moose-dev@iam.unibe.ch > https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- www.tudorgirba.com
"If you interrupt the barber while he is cutting your hair, you will end up with a messy haircut."
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal _______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal
<protovisMondrian.zip>_______________________________________________
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal
<DistributionMap.html><DragWithChildRestriction.js><ex.css><jquery.tipsy.js><jquery-1.4.2.min.js><protovis-r3.2.js><tipsy.css><tipsyBehavior.js><innerNodes.html><SystemComplexity.html>_______________________________________________
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal _______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- www.tudorgirba.com
"No matter how many recipes we know, we still value a chef."
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal _______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
Ok, cool!
Alexandre
On 10 Jun 2011, at 09:21, Santiago Vidal wrote:
It sounds possible. I'll take a look at it. Santiago
2011/6/10 Alexandre Bergel alexandre.bergel@me.com Hi Santiago!
Really cool! You succeeded in having class blueprint in a web browser, probably the most complicated visualization made with mondrian.
I now have a question about packaging your work. All the compressed javascript code takes 188 Kb. Where should we put this necessary code? Within Mondrian directly I think. Like this one can simply export a visualization as html5 without having to install anything else on the side.
Do you think you can store a zip file as a string (have a look at the ThemeIcons class side, they use Base64MimeConverter to have a binary code as a readable string)? And then unzip it when exporting a visualization as html5?
Cheers, Alexandre
On 9 Jun 2011, at 21:05, Santiago Vidal wrote:
Hi, I updated the Protovis export method of Mondrian easel. Now it also works with blueprint classes. One or more classes can be displayed (In the same way as Mondrian). There are some examples in the next file: www.santiagovidal.com.ar/MondrianProtovis/examples.zip Now, also, the canvas is automatically re-sized when you drag an element out of it. Cheers Santiago
2011/6/5 Tudor Girba tudor@tudorgirba.com Hi,
Pretty nice.
Just a note: Given that the size of the attachments is large, please put it somewhere for us to download instead of sending them by mail directly. Use Dropbox for example: http://www.dropbox.com/
Cheers, Doru
On 4 Jun 2011, at 21:35, Santiago Vidal wrote:
Ok, that's the next step :) Santiago
2011/6/4 Alexandre Bergel alexandre.bergel@me.com Cool! Can you try a class blueprint?
Alexandre
On 3 Jun 2011, at 22:39, Santiago Vidal wrote:
Hi, I committed the Mondrian extensions to support the HTML/Protovis file generation. It took some time because I had some performances issues whit dragging. Also, I had to use an external library to the tooltips because Protovis only supports basic tooltips in a single line. Owing to these problems some additional files are required to run the generated html (I'm attaching these files). Currently the visitor only support the generation of graphics with rectangle nodes and edges. Specifically, inner nodes, DistributionMap, and system complexity. (I'm also attaching an example of each one) I gladly welcome your comments! ;) Cheers Santiago
2011/5/30 Alexandre Bergel alexandre.bergel@me.com Looks good. Edges now
Alexandre
On 30 May 2011, at 16:03, Santiago Vidal wrote:
I have changed the implementation. Now you can click and drag the inner nodes. The new file is in the attachment. Take care Santiago
2011/5/30 Alexandre Bergel alexandre.bergel@me.com
Currently you can select an inner node but you can't drag it. That is because the position of an inner node is determined by the position of its parent. However, I think that the implementation could be change properly.
Ok, let us know
Alexandre
2011/5/30 Tudor Girba tudor@tudorgirba.com Hi,
Looks good. However, I think there is a problem: the inner nodes do drag together with the parent node, but I would also like to be able to interact with the inner nodes (e.g., drag or click). Is this a conceptual problem, or is it simple a missing implementation?
Cheers, Doru
On 30 May 2011, at 18:22, Santiago Vidal wrote:
> Sorry, the tittle is wrong. They are inner nodes. I use this example code: > view nodes: (1 to: 5) forEach: [:each | > view nodes: (1 to: each). > view gridLayout ] > > 2011/5/30 Alexandre Bergel alexandre.bergel@me.com > Yes, this is what I see. But the image is named inner edges and I do not see any edge. > An edge is a line > > Cheers, > Alexandre > > > On 30 May 2011, at 11:12, Santiago Vidal wrote: > > > You should see this > > <InnerEdges.png> > > > > 2011/5/30 Alexandre Bergel alexandre.bergel@me.com > > Good start! > > In innerEdgesExampleWithAbsolutePosition.html I do not see any edge. Am I the only one? I use Safari and OSX. > > > > Can you try with _large_ visualization? Try to import the whole Moose and generate the visualizations. > > > > Alexandre > > > > > > On 30 May 2011, at 10:52, Santiago Vidal wrote: > > > > > Hi, > > > I have been working in visualization examples of complexity, inner nodes, and distribution map. I used for these examples the second option that we discuss previously. The examples are in the attachment. > > > Cheers > > > Santiago > > > > > > 2011/5/27 Tudor Girba tudor@tudorgirba.com > > > Hi, > > > > > > You should go for both options. > > > > > > Start with 2, and for 1, you will create new MondrianLayouts that will only work directly with Protovis. > > > > > > Cheers, > > > Doru > > > > > > > > > On 27 May 2011, at 19:02, Santiago Vidal wrote: > > > > > > > I don't know yet. In principle I'm going to implement the drag & drop behavior. In going to try to make an example using the Mondrian representation for Monday. > > > > > > > > 2011/5/27 Johan Fabry jfabry@dcc.uchile.cl > > > > > > > > I agree with Alex, but I have a question: how do you plan to handle interactions, more specifically node replacement operations? > > > > > > > > On 27 May 2011, at 12:22, Alexandre Bergel wrote: > > > > > > > > > I feel we should opt for 2). > > > > > We should export the visualization using Protovis, not recoding Mondrian in Protovis. > > > > > > > > > > Alexandre > > > > > > > > > > > > > > > On 27 May 2011, at 12:19, Santiago Vidal wrote: > > > > > > > > > >> Hi, > > > > >> I have been working in the visualization of the inner nodes. In general I have 2 options to work with protovis: > > > > >> • Be independent of the data by means of the use of Protovis Layouts. > > > > >> • Copy the same visualization that is used by Mondrian. That is create a Protovis canvas of the same size that the canvas of Mondrian and place each shape in Protovis in the same location that in the canvas of Mondrian. > > > > >> While the first option is more modifiable than the second, it implies the creation of new layouts when they are needed. > > > > >> The main advantage of the second option is that the generated html file could be interactive (such as the example that I send before). However, it doesn't improve the graphics generated by Mondrian. > > > > >> What do you think is the best option? > > > > >> Cheers > > > > >> Santiago > > > > > > > > -- > > > > Johan Fabry > > > > jfabry@dcc.uchile.cl - http://dcc.uchile.cl/~jfabry > > > > PLEIAD Lab - Computer Science Department (DCC) - University of Chile > > > > > > > > > > > > > > > > > > > > _______________________________________________ > > > > Moose-dev mailing list > > > > Moose-dev@iam.unibe.ch > > > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > > > > > > > > > > > > > -- > > > > Ing. Santiago A. Vidal > > > > ISISTAN Research Institute > > > > UNICEN University > > > > Paraje Arroyo Seco > > > > Campus Universitario > > > > (B7001BBO) Tandil, > > > > Bs. As. - Argentina > > > > Phone: 54 2293 439840 Ext. 42 > > > > Fax: 54 2293 439681 > > > > Email: svidal@exa.unicen.edu.ar > > > > http://www.exa.unicen.edu.ar/~svidal > > > > _______________________________________________ > > > > Moose-dev mailing list > > > > Moose-dev@iam.unibe.ch > > > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > > > -- > > > www.tudorgirba.com > > > > > > "Not knowing how to do something is not an argument for how it cannot be done." > > > > > > > > > _______________________________________________ > > > Moose-dev mailing list > > > Moose-dev@iam.unibe.ch > > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > > > > > > > > > -- > > > Ing. Santiago A. Vidal > > > ISISTAN Research Institute > > > UNICEN University > > > Paraje Arroyo Seco > > > Campus Universitario > > > (B7001BBO) Tandil, > > > Bs. As. - Argentina > > > Phone: 54 2293 439840 Ext. 42 > > > Fax: 54 2293 439681 > > > Email: svidal@exa.unicen.edu.ar > > > http://www.exa.unicen.edu.ar/~svidal > > > <protovisMondrian.zip>_______________________________________________ > > > Moose-dev mailing list > > > Moose-dev@iam.unibe.ch > > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > -- > > _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: > > Alexandre Bergel http://www.bergel.eu > > ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;. > > > > > > > > > > > > > > _______________________________________________ > > Moose-dev mailing list > > Moose-dev@iam.unibe.ch > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > > > > > -- > > Ing. Santiago A. Vidal > > ISISTAN Research Institute > > UNICEN University > > Paraje Arroyo Seco > > Campus Universitario > > (B7001BBO) Tandil, > > Bs. As. - Argentina > > Phone: 54 2293 439840 Ext. 42 > > Fax: 54 2293 439681 > > Email: svidal@exa.unicen.edu.ar > > http://www.exa.unicen.edu.ar/~svidal > > _______________________________________________ > > Moose-dev mailing list > > Moose-dev@iam.unibe.ch > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > -- > _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: > Alexandre Bergel http://www.bergel.eu > ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;. > > > > > > > _______________________________________________ > Moose-dev mailing list > Moose-dev@iam.unibe.ch > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > -- > Ing. Santiago A. Vidal > ISISTAN Research Institute > UNICEN University > Paraje Arroyo Seco > Campus Universitario > (B7001BBO) Tandil, > Bs. As. - Argentina > Phone: 54 2293 439840 Ext. 42 > Fax: 54 2293 439681 > Email: svidal@exa.unicen.edu.ar > http://www.exa.unicen.edu.ar/~svidal > _______________________________________________ > Moose-dev mailing list > Moose-dev@iam.unibe.ch > https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- www.tudorgirba.com
"If you interrupt the barber while he is cutting your hair, you will end up with a messy haircut."
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal _______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal <protovisMondrian.zip>_______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal <DistributionMap.html><DragWithChildRestriction.js><ex.css><jquery.tipsy.js><jquery-1.4.2.min.js><protovis-r3.2.js><tipsy.css><tipsyBehavior.js><innerNodes.html><SystemComplexity.html>_______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal _______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- www.tudorgirba.com
"No matter how many recipes we know, we still value a chef."
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal _______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal _______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
I implemented the automatic extraction of the Protovis files by means of Base64MimeConverter. I commited the new version to squeaksource. Cheers
2011/6/10 Alexandre Bergel alexandre.bergel@me.com
Ok, cool!
Alexandre
On 10 Jun 2011, at 09:21, Santiago Vidal wrote:
It sounds possible. I'll take a look at it. Santiago
2011/6/10 Alexandre Bergel alexandre.bergel@me.com Hi Santiago!
Really cool! You succeeded in having class blueprint in a web browser,
probably the most complicated visualization made with mondrian.
I now have a question about packaging your work. All the compressed
javascript code takes 188 Kb. Where should we put this necessary code? Within Mondrian directly I think. Like this one can simply export a visualization as html5 without having to install anything else on the side.
Do you think you can store a zip file as a string (have a look at the
ThemeIcons class side, they use Base64MimeConverter to have a binary code as a readable string)? And then unzip it when exporting a visualization as html5?
Cheers, Alexandre
On 9 Jun 2011, at 21:05, Santiago Vidal wrote:
Hi, I updated the Protovis export method of Mondrian easel. Now it also
works with blueprint classes. One or more classes can be displayed (In the same way as Mondrian). There are some examples in the next file: www.santiagovidal.com.ar/MondrianProtovis/examples.zip
Now, also, the canvas is automatically re-sized when you drag an
element out of it.
Cheers Santiago
2011/6/5 Tudor Girba tudor@tudorgirba.com Hi,
Pretty nice.
Just a note: Given that the size of the attachments is large, please
put it somewhere for us to download instead of sending them by mail directly. Use Dropbox for example:
Cheers, Doru
On 4 Jun 2011, at 21:35, Santiago Vidal wrote:
Ok, that's the next step :) Santiago
2011/6/4 Alexandre Bergel alexandre.bergel@me.com Cool! Can you try a class blueprint?
Alexandre
On 3 Jun 2011, at 22:39, Santiago Vidal wrote:
Hi, I committed the Mondrian extensions to support the HTML/Protovis
file generation. It took some time because I had some performances issues whit dragging. Also, I had to use an external library to the tooltips because Protovis only supports basic tooltips in a single line. Owing to these problems some additional files are required to run the generated html (I'm attaching these files).
Currently the visitor only support the generation of graphics with
rectangle nodes and edges. Specifically, inner nodes, DistributionMap, and system complexity. (I'm also attaching an example of each one)
I gladly welcome your comments! ;) Cheers Santiago
2011/5/30 Alexandre Bergel alexandre.bergel@me.com Looks good. Edges now
Alexandre
On 30 May 2011, at 16:03, Santiago Vidal wrote:
I have changed the implementation. Now you can click and drag the
inner nodes. The new file is in the attachment.
Take care Santiago
2011/5/30 Alexandre Bergel alexandre.bergel@me.com > Currently you can select an inner node but you can't drag it.
That is because the position of an inner node is determined by the position of its parent. However, I think that the implementation could be change properly.
Ok, let us know
Alexandre
> > 2011/5/30 Tudor Girba tudor@tudorgirba.com > Hi, > > Looks good. However, I think there is a problem: the inner
nodes do drag together with the parent node, but I would also like to be able to interact with the inner nodes (e.g., drag or click). Is this a conceptual problem, or is it simple a missing implementation?
> > Cheers, > Doru > > > On 30 May 2011, at 18:22, Santiago Vidal wrote: > > > Sorry, the tittle is wrong. They are inner nodes. I use this
example code:
> > view nodes: (1 to: 5) forEach: [:each | > > view nodes: (1 to: each). > > view gridLayout ] > > > > 2011/5/30 Alexandre Bergel alexandre.bergel@me.com > > Yes, this is what I see. But the image is named inner edges
and I do not see any edge.
> > An edge is a line > > > > Cheers, > > Alexandre > > > > > > On 30 May 2011, at 11:12, Santiago Vidal wrote: > > > > > You should see this > > > <InnerEdges.png> > > > > > > 2011/5/30 Alexandre Bergel alexandre.bergel@me.com > > > Good start! > > > In innerEdgesExampleWithAbsolutePosition.html I do not see
any edge. Am I the only one? I use Safari and OSX.
> > > > > > Can you try with _large_ visualization? Try to import the
whole Moose and generate the visualizations.
> > > > > > Alexandre > > > > > > > > > On 30 May 2011, at 10:52, Santiago Vidal wrote: > > > > > > > Hi, > > > > I have been working in visualization examples of
complexity, inner nodes, and distribution map. I used for these examples the second option that we discuss previously. The examples are in the attachment.
> > > > Cheers > > > > Santiago > > > > > > > > 2011/5/27 Tudor Girba tudor@tudorgirba.com > > > > Hi, > > > > > > > > You should go for both options. > > > > > > > > Start with 2, and for 1, you will create new
MondrianLayouts that will only work directly with Protovis.
> > > > > > > > Cheers, > > > > Doru > > > > > > > > > > > > On 27 May 2011, at 19:02, Santiago Vidal wrote: > > > > > > > > > I don't know yet. In principle I'm going to implement
the drag & drop behavior. In going to try to make an example using the Mondrian representation for Monday.
> > > > > > > > > > 2011/5/27 Johan Fabry jfabry@dcc.uchile.cl > > > > > > > > > > I agree with Alex, but I have a question: how do you
plan to handle interactions, more specifically node replacement operations?
> > > > > > > > > > On 27 May 2011, at 12:22, Alexandre Bergel wrote: > > > > > > > > > > > I feel we should opt for 2). > > > > > > We should export the visualization using Protovis,
not recoding Mondrian in Protovis.
> > > > > > > > > > > > Alexandre > > > > > > > > > > > > > > > > > > On 27 May 2011, at 12:19, Santiago Vidal wrote: > > > > > > > > > > > >> Hi, > > > > > >> I have been working in the visualization of the
inner nodes. In general I have 2 options to work with protovis:
> > > > > >> • Be independent of the data by means of the
use of Protovis Layouts.
> > > > > >> • Copy the same visualization that is used by
Mondrian. That is create a Protovis canvas of the same size that the canvas of Mondrian and place each shape in Protovis in the same location that in the canvas of Mondrian.
> > > > > >> While the first option is more modifiable than the
second, it implies the creation of new layouts when they are needed.
> > > > > >> The main advantage of the second option is that the
generated html file could be interactive (such as the example that I send before). However, it doesn't improve the graphics generated by Mondrian.
> > > > > >> What do you think is the best option? > > > > > >> Cheers > > > > > >> Santiago > > > > > > > > > > -- > > > > > Johan Fabry > > > > > jfabry@dcc.uchile.cl - http://dcc.uchile.cl/~jfabry > > > > > PLEIAD Lab - Computer Science Department (DCC) -
University of Chile
> > > > > > > > > > > > > > > > > > > > > > > > > _______________________________________________ > > > > > Moose-dev mailing list > > > > > Moose-dev@iam.unibe.ch > > > > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > > > > > > > > > > > > > > > > > -- > > > > > Ing. Santiago A. Vidal > > > > > ISISTAN Research Institute > > > > > UNICEN University > > > > > Paraje Arroyo Seco > > > > > Campus Universitario > > > > > (B7001BBO) Tandil, > > > > > Bs. As. - Argentina > > > > > Phone: 54 2293 439840 Ext. 42 > > > > > Fax: 54 2293 439681 > > > > > Email: svidal@exa.unicen.edu.ar > > > > > http://www.exa.unicen.edu.ar/~svidal > > > > > _______________________________________________ > > > > > Moose-dev mailing list > > > > > Moose-dev@iam.unibe.ch > > > > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > > > > > -- > > > > www.tudorgirba.com > > > > > > > > "Not knowing how to do something is not an argument for
how it cannot be done."
> > > > > > > > > > > > _______________________________________________ > > > > Moose-dev mailing list > > > > Moose-dev@iam.unibe.ch > > > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > > > > > > > > > > > > > -- > > > > Ing. Santiago A. Vidal > > > > ISISTAN Research Institute > > > > UNICEN University > > > > Paraje Arroyo Seco > > > > Campus Universitario > > > > (B7001BBO) Tandil, > > > > Bs. As. - Argentina > > > > Phone: 54 2293 439840 Ext. 42 > > > > Fax: 54 2293 439681 > > > > Email: svidal@exa.unicen.edu.ar > > > > http://www.exa.unicen.edu.ar/~svidal > > > >
<protovisMondrian.zip>_______________________________________________
> > > > Moose-dev mailing list > > > > Moose-dev@iam.unibe.ch > > > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > > > -- > > > _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: > > > Alexandre Bergel http://www.bergel.eu > > > ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;. > > > > > > > > > > > > > > > > > > > > > _______________________________________________ > > > Moose-dev mailing list > > > Moose-dev@iam.unibe.ch > > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > > > > > > > > > -- > > > Ing. Santiago A. Vidal > > > ISISTAN Research Institute > > > UNICEN University > > > Paraje Arroyo Seco > > > Campus Universitario > > > (B7001BBO) Tandil, > > > Bs. As. - Argentina > > > Phone: 54 2293 439840 Ext. 42 > > > Fax: 54 2293 439681 > > > Email: svidal@exa.unicen.edu.ar > > > http://www.exa.unicen.edu.ar/~svidal > > > _______________________________________________ > > > Moose-dev mailing list > > > Moose-dev@iam.unibe.ch > > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > -- > > _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: > > Alexandre Bergel http://www.bergel.eu > > ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;. > > > > > > > > > > > > > > _______________________________________________ > > Moose-dev mailing list > > Moose-dev@iam.unibe.ch > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > > > > > -- > > Ing. Santiago A. Vidal > > ISISTAN Research Institute > > UNICEN University > > Paraje Arroyo Seco > > Campus Universitario > > (B7001BBO) Tandil, > > Bs. As. - Argentina > > Phone: 54 2293 439840 Ext. 42 > > Fax: 54 2293 439681 > > Email: svidal@exa.unicen.edu.ar > > http://www.exa.unicen.edu.ar/~svidal > > _______________________________________________ > > Moose-dev mailing list > > Moose-dev@iam.unibe.ch > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > -- > www.tudorgirba.com > > "If you interrupt the barber while he is cutting your hair, > you will end up with a messy haircut." > > > _______________________________________________ > Moose-dev mailing list > Moose-dev@iam.unibe.ch > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > -- > Ing. Santiago A. Vidal > ISISTAN Research Institute > UNICEN University > Paraje Arroyo Seco > Campus Universitario > (B7001BBO) Tandil, > Bs. As. - Argentina > Phone: 54 2293 439840 Ext. 42 > Fax: 54 2293 439681 > Email: svidal@exa.unicen.edu.ar > http://www.exa.unicen.edu.ar/~svidal > _______________________________________________ > Moose-dev mailing list > Moose-dev@iam.unibe.ch > https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal
<protovisMondrian.zip>_______________________________________________
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal
<DistributionMap.html><DragWithChildRestriction.js><ex.css><jquery.tipsy.js><jquery-1.4.2.min.js><protovis-r3.2.js><tipsy.css><tipsyBehavior.js><innerNodes.html><SystemComplexity.html>_______________________________________________
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal _______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- www.tudorgirba.com
"No matter how many recipes we know, we still value a chef."
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal _______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal _______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
I just tried. It works pretty! There is only one thing that I am seeing, the tool tip centers the text. Can it be left justified?
Cheers, Alexandre
On 10 Jun 2011, at 15:30, Santiago Vidal wrote:
I implemented the automatic extraction of the Protovis files by means of Base64MimeConverter. I commited the new version to squeaksource. Cheers
2011/6/10 Alexandre Bergel alexandre.bergel@me.com Ok, cool!
Alexandre
On 10 Jun 2011, at 09:21, Santiago Vidal wrote:
It sounds possible. I'll take a look at it. Santiago
2011/6/10 Alexandre Bergel alexandre.bergel@me.com Hi Santiago!
Really cool! You succeeded in having class blueprint in a web browser, probably the most complicated visualization made with mondrian.
I now have a question about packaging your work. All the compressed javascript code takes 188 Kb. Where should we put this necessary code? Within Mondrian directly I think. Like this one can simply export a visualization as html5 without having to install anything else on the side.
Do you think you can store a zip file as a string (have a look at the ThemeIcons class side, they use Base64MimeConverter to have a binary code as a readable string)? And then unzip it when exporting a visualization as html5?
Cheers, Alexandre
On 9 Jun 2011, at 21:05, Santiago Vidal wrote:
Hi, I updated the Protovis export method of Mondrian easel. Now it also works with blueprint classes. One or more classes can be displayed (In the same way as Mondrian). There are some examples in the next file: www.santiagovidal.com.ar/MondrianProtovis/examples.zip Now, also, the canvas is automatically re-sized when you drag an element out of it. Cheers Santiago
2011/6/5 Tudor Girba tudor@tudorgirba.com Hi,
Pretty nice.
Just a note: Given that the size of the attachments is large, please put it somewhere for us to download instead of sending them by mail directly. Use Dropbox for example: http://www.dropbox.com/
Cheers, Doru
On 4 Jun 2011, at 21:35, Santiago Vidal wrote:
Ok, that's the next step :) Santiago
2011/6/4 Alexandre Bergel alexandre.bergel@me.com Cool! Can you try a class blueprint?
Alexandre
On 3 Jun 2011, at 22:39, Santiago Vidal wrote:
Hi, I committed the Mondrian extensions to support the HTML/Protovis file generation. It took some time because I had some performances issues whit dragging. Also, I had to use an external library to the tooltips because Protovis only supports basic tooltips in a single line. Owing to these problems some additional files are required to run the generated html (I'm attaching these files). Currently the visitor only support the generation of graphics with rectangle nodes and edges. Specifically, inner nodes, DistributionMap, and system complexity. (I'm also attaching an example of each one) I gladly welcome your comments! ;) Cheers Santiago
2011/5/30 Alexandre Bergel alexandre.bergel@me.com Looks good. Edges now
Alexandre
On 30 May 2011, at 16:03, Santiago Vidal wrote:
I have changed the implementation. Now you can click and drag the inner nodes. The new file is in the attachment. Take care Santiago
2011/5/30 Alexandre Bergel alexandre.bergel@me.com > Currently you can select an inner node but you can't drag it. That is because the position of an inner node is determined by the position of its parent. However, I think that the implementation could be change properly.
Ok, let us know
Alexandre
> > 2011/5/30 Tudor Girba tudor@tudorgirba.com > Hi, > > Looks good. However, I think there is a problem: the inner nodes do drag together with the parent node, but I would also like to be able to interact with the inner nodes (e.g., drag or click). Is this a conceptual problem, or is it simple a missing implementation? > > Cheers, > Doru > > > On 30 May 2011, at 18:22, Santiago Vidal wrote: > > > Sorry, the tittle is wrong. They are inner nodes. I use this example code: > > view nodes: (1 to: 5) forEach: [:each | > > view nodes: (1 to: each). > > view gridLayout ] > > > > 2011/5/30 Alexandre Bergel alexandre.bergel@me.com > > Yes, this is what I see. But the image is named inner edges and I do not see any edge. > > An edge is a line > > > > Cheers, > > Alexandre > > > > > > On 30 May 2011, at 11:12, Santiago Vidal wrote: > > > > > You should see this > > > <InnerEdges.png> > > > > > > 2011/5/30 Alexandre Bergel alexandre.bergel@me.com > > > Good start! > > > In innerEdgesExampleWithAbsolutePosition.html I do not see any edge. Am I the only one? I use Safari and OSX. > > > > > > Can you try with _large_ visualization? Try to import the whole Moose and generate the visualizations. > > > > > > Alexandre > > > > > > > > > On 30 May 2011, at 10:52, Santiago Vidal wrote: > > > > > > > Hi, > > > > I have been working in visualization examples of complexity, inner nodes, and distribution map. I used for these examples the second option that we discuss previously. The examples are in the attachment. > > > > Cheers > > > > Santiago > > > > > > > > 2011/5/27 Tudor Girba tudor@tudorgirba.com > > > > Hi, > > > > > > > > You should go for both options. > > > > > > > > Start with 2, and for 1, you will create new MondrianLayouts that will only work directly with Protovis. > > > > > > > > Cheers, > > > > Doru > > > > > > > > > > > > On 27 May 2011, at 19:02, Santiago Vidal wrote: > > > > > > > > > I don't know yet. In principle I'm going to implement the drag & drop behavior. In going to try to make an example using the Mondrian representation for Monday. > > > > > > > > > > 2011/5/27 Johan Fabry jfabry@dcc.uchile.cl > > > > > > > > > > I agree with Alex, but I have a question: how do you plan to handle interactions, more specifically node replacement operations? > > > > > > > > > > On 27 May 2011, at 12:22, Alexandre Bergel wrote: > > > > > > > > > > > I feel we should opt for 2). > > > > > > We should export the visualization using Protovis, not recoding Mondrian in Protovis. > > > > > > > > > > > > Alexandre > > > > > > > > > > > > > > > > > > On 27 May 2011, at 12:19, Santiago Vidal wrote: > > > > > > > > > > > >> Hi, > > > > > >> I have been working in the visualization of the inner nodes. In general I have 2 options to work with protovis: > > > > > >> • Be independent of the data by means of the use of Protovis Layouts. > > > > > >> • Copy the same visualization that is used by Mondrian. That is create a Protovis canvas of the same size that the canvas of Mondrian and place each shape in Protovis in the same location that in the canvas of Mondrian. > > > > > >> While the first option is more modifiable than the second, it implies the creation of new layouts when they are needed. > > > > > >> The main advantage of the second option is that the generated html file could be interactive (such as the example that I send before). However, it doesn't improve the graphics generated by Mondrian. > > > > > >> What do you think is the best option? > > > > > >> Cheers > > > > > >> Santiago > > > > > > > > > > -- > > > > > Johan Fabry > > > > > jfabry@dcc.uchile.cl - http://dcc.uchile.cl/~jfabry > > > > > PLEIAD Lab - Computer Science Department (DCC) - University of Chile > > > > > > > > > > > > > > > > > > > > > > > > > _______________________________________________ > > > > > Moose-dev mailing list > > > > > Moose-dev@iam.unibe.ch > > > > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > > > > > > > > > > > > > > > > > -- > > > > > Ing. Santiago A. Vidal > > > > > ISISTAN Research Institute > > > > > UNICEN University > > > > > Paraje Arroyo Seco > > > > > Campus Universitario > > > > > (B7001BBO) Tandil, > > > > > Bs. As. - Argentina > > > > > Phone: 54 2293 439840 Ext. 42 > > > > > Fax: 54 2293 439681 > > > > > Email: svidal@exa.unicen.edu.ar > > > > > http://www.exa.unicen.edu.ar/~svidal > > > > > _______________________________________________ > > > > > Moose-dev mailing list > > > > > Moose-dev@iam.unibe.ch > > > > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > > > > > -- > > > > www.tudorgirba.com > > > > > > > > "Not knowing how to do something is not an argument for how it cannot be done." > > > > > > > > > > > > _______________________________________________ > > > > Moose-dev mailing list > > > > Moose-dev@iam.unibe.ch > > > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > > > > > > > > > > > > > -- > > > > Ing. Santiago A. Vidal > > > > ISISTAN Research Institute > > > > UNICEN University > > > > Paraje Arroyo Seco > > > > Campus Universitario > > > > (B7001BBO) Tandil, > > > > Bs. As. - Argentina > > > > Phone: 54 2293 439840 Ext. 42 > > > > Fax: 54 2293 439681 > > > > Email: svidal@exa.unicen.edu.ar > > > > http://www.exa.unicen.edu.ar/~svidal > > > > <protovisMondrian.zip>_______________________________________________ > > > > Moose-dev mailing list > > > > Moose-dev@iam.unibe.ch > > > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > > > -- > > > _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: > > > Alexandre Bergel http://www.bergel.eu > > > ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;. > > > > > > > > > > > > > > > > > > > > > _______________________________________________ > > > Moose-dev mailing list > > > Moose-dev@iam.unibe.ch > > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > > > > > > > > > -- > > > Ing. Santiago A. Vidal > > > ISISTAN Research Institute > > > UNICEN University > > > Paraje Arroyo Seco > > > Campus Universitario > > > (B7001BBO) Tandil, > > > Bs. As. - Argentina > > > Phone: 54 2293 439840 Ext. 42 > > > Fax: 54 2293 439681 > > > Email: svidal@exa.unicen.edu.ar > > > http://www.exa.unicen.edu.ar/~svidal > > > _______________________________________________ > > > Moose-dev mailing list > > > Moose-dev@iam.unibe.ch > > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > -- > > _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: > > Alexandre Bergel http://www.bergel.eu > > ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;. > > > > > > > > > > > > > > _______________________________________________ > > Moose-dev mailing list > > Moose-dev@iam.unibe.ch > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > > > > > -- > > Ing. Santiago A. Vidal > > ISISTAN Research Institute > > UNICEN University > > Paraje Arroyo Seco > > Campus Universitario > > (B7001BBO) Tandil, > > Bs. As. - Argentina > > Phone: 54 2293 439840 Ext. 42 > > Fax: 54 2293 439681 > > Email: svidal@exa.unicen.edu.ar > > http://www.exa.unicen.edu.ar/~svidal > > _______________________________________________ > > Moose-dev mailing list > > Moose-dev@iam.unibe.ch > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > -- > www.tudorgirba.com > > "If you interrupt the barber while he is cutting your hair, > you will end up with a messy haircut." > > > _______________________________________________ > Moose-dev mailing list > Moose-dev@iam.unibe.ch > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > -- > Ing. Santiago A. Vidal > ISISTAN Research Institute > UNICEN University > Paraje Arroyo Seco > Campus Universitario > (B7001BBO) Tandil, > Bs. As. - Argentina > Phone: 54 2293 439840 Ext. 42 > Fax: 54 2293 439681 > Email: svidal@exa.unicen.edu.ar > http://www.exa.unicen.edu.ar/~svidal > _______________________________________________ > Moose-dev mailing list > Moose-dev@iam.unibe.ch > https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal <protovisMondrian.zip>_______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal <DistributionMap.html><DragWithChildRestriction.js><ex.css><jquery.tipsy.js><jquery-1.4.2.min.js><protovis-r3.2.js><tipsy.css><tipsyBehavior.js><innerNodes.html><SystemComplexity.html>_______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal _______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- www.tudorgirba.com
"No matter how many recipes we know, we still value a chef."
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal _______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal _______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal _______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
Of course. I commited a new version with this change. Regards Santiago
2011/6/10 Alexandre Bergel alexandre.bergel@me.com
I just tried. It works pretty! There is only one thing that I am seeing, the tool tip centers the text. Can it be left justified?
Cheers, Alexandre
On 10 Jun 2011, at 15:30, Santiago Vidal wrote:
I implemented the automatic extraction of the Protovis files by means of
Base64MimeConverter. I commited the new version to squeaksource.
Cheers
2011/6/10 Alexandre Bergel alexandre.bergel@me.com Ok, cool!
Alexandre
On 10 Jun 2011, at 09:21, Santiago Vidal wrote:
It sounds possible. I'll take a look at it. Santiago
2011/6/10 Alexandre Bergel alexandre.bergel@me.com Hi Santiago!
Really cool! You succeeded in having class blueprint in a web browser,
probably the most complicated visualization made with mondrian.
I now have a question about packaging your work. All the compressed
javascript code takes 188 Kb. Where should we put this necessary code? Within Mondrian directly I think. Like this one can simply export a visualization as html5 without having to install anything else on the side.
Do you think you can store a zip file as a string (have a look at the
ThemeIcons class side, they use Base64MimeConverter to have a binary code as a readable string)? And then unzip it when exporting a visualization as html5?
Cheers, Alexandre
On 9 Jun 2011, at 21:05, Santiago Vidal wrote:
Hi, I updated the Protovis export method of Mondrian easel. Now it also
works with blueprint classes. One or more classes can be displayed (In the same way as Mondrian). There are some examples in the next file: www.santiagovidal.com.ar/MondrianProtovis/examples.zip
Now, also, the canvas is automatically re-sized when you drag an
element out of it.
Cheers Santiago
2011/6/5 Tudor Girba tudor@tudorgirba.com Hi,
Pretty nice.
Just a note: Given that the size of the attachments is large, please
put it somewhere for us to download instead of sending them by mail directly. Use Dropbox for example:
Cheers, Doru
On 4 Jun 2011, at 21:35, Santiago Vidal wrote:
Ok, that's the next step :) Santiago
2011/6/4 Alexandre Bergel alexandre.bergel@me.com Cool! Can you try a class blueprint?
Alexandre
On 3 Jun 2011, at 22:39, Santiago Vidal wrote:
Hi, I committed the Mondrian extensions to support the HTML/Protovis
file generation. It took some time because I had some performances issues whit dragging. Also, I had to use an external library to the tooltips because Protovis only supports basic tooltips in a single line. Owing to these problems some additional files are required to run the generated html (I'm attaching these files).
Currently the visitor only support the generation of graphics
with rectangle nodes and edges. Specifically, inner nodes, DistributionMap, and system complexity. (I'm also attaching an example of each one)
I gladly welcome your comments! ;) Cheers Santiago
2011/5/30 Alexandre Bergel alexandre.bergel@me.com Looks good. Edges now
Alexandre
On 30 May 2011, at 16:03, Santiago Vidal wrote:
> I have changed the implementation. Now you can click and drag
the inner nodes. The new file is in the attachment.
> Take care > Santiago > > 2011/5/30 Alexandre Bergel alexandre.bergel@me.com > > Currently you can select an inner node but you can't drag it.
That is because the position of an inner node is determined by the position of its parent. However, I think that the implementation could be change properly.
> > Ok, let us know > > Alexandre > > > > > 2011/5/30 Tudor Girba tudor@tudorgirba.com > > Hi, > > > > Looks good. However, I think there is a problem: the inner
nodes do drag together with the parent node, but I would also like to be able to interact with the inner nodes (e.g., drag or click). Is this a conceptual problem, or is it simple a missing implementation?
> > > > Cheers, > > Doru > > > > > > On 30 May 2011, at 18:22, Santiago Vidal wrote: > > > > > Sorry, the tittle is wrong. They are inner nodes. I use
this example code:
> > > view nodes: (1 to: 5) forEach: [:each | > > > view nodes: (1 to: each). > > > view gridLayout ] > > > > > > 2011/5/30 Alexandre Bergel alexandre.bergel@me.com > > > Yes, this is what I see. But the image is named inner edges
and I do not see any edge.
> > > An edge is a line > > > > > > Cheers, > > > Alexandre > > > > > > > > > On 30 May 2011, at 11:12, Santiago Vidal wrote: > > > > > > > You should see this > > > > <InnerEdges.png> > > > > > > > > 2011/5/30 Alexandre Bergel alexandre.bergel@me.com > > > > Good start! > > > > In innerEdgesExampleWithAbsolutePosition.html I do not
see any edge. Am I the only one? I use Safari and OSX.
> > > > > > > > Can you try with _large_ visualization? Try to import the
whole Moose and generate the visualizations.
> > > > > > > > Alexandre > > > > > > > > > > > > On 30 May 2011, at 10:52, Santiago Vidal wrote: > > > > > > > > > Hi, > > > > > I have been working in visualization examples of
complexity, inner nodes, and distribution map. I used for these examples the second option that we discuss previously. The examples are in the attachment.
> > > > > Cheers > > > > > Santiago > > > > > > > > > > 2011/5/27 Tudor Girba tudor@tudorgirba.com > > > > > Hi, > > > > > > > > > > You should go for both options. > > > > > > > > > > Start with 2, and for 1, you will create new
MondrianLayouts that will only work directly with Protovis.
> > > > > > > > > > Cheers, > > > > > Doru > > > > > > > > > > > > > > > On 27 May 2011, at 19:02, Santiago Vidal wrote: > > > > > > > > > > > I don't know yet. In principle I'm going to implement
the drag & drop behavior. In going to try to make an example using the Mondrian representation for Monday.
> > > > > > > > > > > > 2011/5/27 Johan Fabry jfabry@dcc.uchile.cl > > > > > > > > > > > > I agree with Alex, but I have a question: how do you
plan to handle interactions, more specifically node replacement operations?
> > > > > > > > > > > > On 27 May 2011, at 12:22, Alexandre Bergel wrote: > > > > > > > > > > > > > I feel we should opt for 2). > > > > > > > We should export the visualization using Protovis,
not recoding Mondrian in Protovis.
> > > > > > > > > > > > > > Alexandre > > > > > > > > > > > > > > > > > > > > > On 27 May 2011, at 12:19, Santiago Vidal wrote: > > > > > > > > > > > > > >> Hi, > > > > > > >> I have been working in the visualization of the
inner nodes. In general I have 2 options to work with protovis:
> > > > > > >> • Be independent of the data by means of the
use of Protovis Layouts.
> > > > > > >> • Copy the same visualization that is used by
Mondrian. That is create a Protovis canvas of the same size that the canvas of Mondrian and place each shape in Protovis in the same location that in the canvas of Mondrian.
> > > > > > >> While the first option is more modifiable than the
second, it implies the creation of new layouts when they are needed.
> > > > > > >> The main advantage of the second option is that
the generated html file could be interactive (such as the example that I send before). However, it doesn't improve the graphics generated by Mondrian.
> > > > > > >> What do you think is the best option? > > > > > > >> Cheers > > > > > > >> Santiago > > > > > > > > > > > > -- > > > > > > Johan Fabry > > > > > > jfabry@dcc.uchile.cl - http://dcc.uchile.cl/~jfabry > > > > > > PLEIAD Lab - Computer Science Department (DCC) -
University of Chile
> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > _______________________________________________ > > > > > > Moose-dev mailing list > > > > > > Moose-dev@iam.unibe.ch > > > > > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > > > > > > > > > > > > > > > > > > > > > -- > > > > > > Ing. Santiago A. Vidal > > > > > > ISISTAN Research Institute > > > > > > UNICEN University > > > > > > Paraje Arroyo Seco > > > > > > Campus Universitario > > > > > > (B7001BBO) Tandil, > > > > > > Bs. As. - Argentina > > > > > > Phone: 54 2293 439840 Ext. 42 > > > > > > Fax: 54 2293 439681 > > > > > > Email: svidal@exa.unicen.edu.ar > > > > > > http://www.exa.unicen.edu.ar/~svidal > > > > > > _______________________________________________ > > > > > > Moose-dev mailing list > > > > > > Moose-dev@iam.unibe.ch > > > > > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > > > > > > > -- > > > > > www.tudorgirba.com > > > > > > > > > > "Not knowing how to do something is not an argument for
how it cannot be done."
> > > > > > > > > > > > > > > _______________________________________________ > > > > > Moose-dev mailing list > > > > > Moose-dev@iam.unibe.ch > > > > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > > > > > > > > > > > > > > > > > -- > > > > > Ing. Santiago A. Vidal > > > > > ISISTAN Research Institute > > > > > UNICEN University > > > > > Paraje Arroyo Seco > > > > > Campus Universitario > > > > > (B7001BBO) Tandil, > > > > > Bs. As. - Argentina > > > > > Phone: 54 2293 439840 Ext. 42 > > > > > Fax: 54 2293 439681 > > > > > Email: svidal@exa.unicen.edu.ar > > > > > http://www.exa.unicen.edu.ar/~svidal > > > > >
<protovisMondrian.zip>_______________________________________________
> > > > > Moose-dev mailing list > > > > > Moose-dev@iam.unibe.ch > > > > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > > > > > -- > > > > _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: > > > > Alexandre Bergel http://www.bergel.eu > > > > ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;. > > > > > > > > > > > > > > > > > > > > > > > > > > > > _______________________________________________ > > > > Moose-dev mailing list > > > > Moose-dev@iam.unibe.ch > > > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > > > > > > > > > > > > > -- > > > > Ing. Santiago A. Vidal > > > > ISISTAN Research Institute > > > > UNICEN University > > > > Paraje Arroyo Seco > > > > Campus Universitario > > > > (B7001BBO) Tandil, > > > > Bs. As. - Argentina > > > > Phone: 54 2293 439840 Ext. 42 > > > > Fax: 54 2293 439681 > > > > Email: svidal@exa.unicen.edu.ar > > > > http://www.exa.unicen.edu.ar/~svidal > > > > _______________________________________________ > > > > Moose-dev mailing list > > > > Moose-dev@iam.unibe.ch > > > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > > > -- > > > _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: > > > Alexandre Bergel http://www.bergel.eu > > > ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;. > > > > > > > > > > > > > > > > > > > > > _______________________________________________ > > > Moose-dev mailing list > > > Moose-dev@iam.unibe.ch > > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > > > > > > > > > -- > > > Ing. Santiago A. Vidal > > > ISISTAN Research Institute > > > UNICEN University > > > Paraje Arroyo Seco > > > Campus Universitario > > > (B7001BBO) Tandil, > > > Bs. As. - Argentina > > > Phone: 54 2293 439840 Ext. 42 > > > Fax: 54 2293 439681 > > > Email: svidal@exa.unicen.edu.ar > > > http://www.exa.unicen.edu.ar/~svidal > > > _______________________________________________ > > > Moose-dev mailing list > > > Moose-dev@iam.unibe.ch > > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > -- > > www.tudorgirba.com > > > > "If you interrupt the barber while he is cutting your hair, > > you will end up with a messy haircut." > > > > > > _______________________________________________ > > Moose-dev mailing list > > Moose-dev@iam.unibe.ch > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > > > > > -- > > Ing. Santiago A. Vidal > > ISISTAN Research Institute > > UNICEN University > > Paraje Arroyo Seco > > Campus Universitario > > (B7001BBO) Tandil, > > Bs. As. - Argentina > > Phone: 54 2293 439840 Ext. 42 > > Fax: 54 2293 439681 > > Email: svidal@exa.unicen.edu.ar > > http://www.exa.unicen.edu.ar/~svidal > > _______________________________________________ > > Moose-dev mailing list > > Moose-dev@iam.unibe.ch > > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > -- > _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: > Alexandre Bergel http://www.bergel.eu > ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;. > > > > > > > _______________________________________________ > Moose-dev mailing list > Moose-dev@iam.unibe.ch > https://www.iam.unibe.ch/mailman/listinfo/moose-dev > > > > -- > Ing. Santiago A. Vidal > ISISTAN Research Institute > UNICEN University > Paraje Arroyo Seco > Campus Universitario > (B7001BBO) Tandil, > Bs. As. - Argentina > Phone: 54 2293 439840 Ext. 42 > Fax: 54 2293 439681 > Email: svidal@exa.unicen.edu.ar > http://www.exa.unicen.edu.ar/~svidal >
<protovisMondrian.zip>_______________________________________________
> Moose-dev mailing list > Moose-dev@iam.unibe.ch > https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal
<DistributionMap.html><DragWithChildRestriction.js><ex.css><jquery.tipsy.js><jquery-1.4.2.min.js><protovis-r3.2.js><tipsy.css><tipsyBehavior.js><innerNodes.html><SystemComplexity.html>_______________________________________________
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal _______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- www.tudorgirba.com
"No matter how many recipes we know, we still value a chef."
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal _______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal _______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- Ing. Santiago A. Vidal ISISTAN Research Institute UNICEN University Paraje Arroyo Seco Campus Universitario (B7001BBO) Tandil, Bs. As. - Argentina Phone: 54 2293 439840 Ext. 42 Fax: 54 2293 439681 Email: svidal@exa.unicen.edu.ar http://www.exa.unicen.edu.ar/~svidal _______________________________________________ Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-- _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;: Alexandre Bergel http://www.bergel.eu ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
Moose-dev mailing list Moose-dev@iam.unibe.ch https://www.iam.unibe.ch/mailman/listinfo/moose-dev
-
Alexandre Bergel -
Santiago Vidal -
Tudor Girba