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(a)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(a)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(a)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(a)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(a)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(a)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(a)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(a)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(a)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(a)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(a)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(a)dcc.uchile.cl -
http://dcc.uchile.cl/~jfabry
> > > > > > > > > PLEIAD Lab - Computer Science Department
(DCC) -
University of Chile
> > > > > > > > >
> > > > > > > > >
> > > > > > > > >
> > > > > > > > >
> > > > > > > > >
_______________________________________________
> > > > > > > > > Moose-dev mailing list
> > > > > > > > > Moose-dev(a)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(a)exa.unicen.edu.ar
> > > > > > > > >
http://www.exa.unicen.edu.ar/~svidal
> > > > > > > > >
_______________________________________________
> > > > > > > > > Moose-dev mailing list
> > > > > > > > > Moose-dev(a)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(a)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(a)exa.unicen.edu.ar
> > > > > > > >
http://www.exa.unicen.edu.ar/~svidal
> > > > > > > >
<protovisMondrian.zip>_______________________________________________
> > > > > > > > Moose-dev
mailing list
> > > > > > > > Moose-dev(a)iam.unibe.ch
> > > > > > > >
https://www.iam.unibe.ch/mailman/listinfo/moose-dev
> > > > > > >
> > > > > > > --
> > > > > > > _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
> > > > > > > Alexandre Bergel
http://www.bergel.eu
> > > > > > > ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
> > > > > > >
> > > > > > >
> > > > > > >
> > > > > > >
> > > > > > >
> > > > > > >
> > > > > > > _______________________________________________
> > > > > > > Moose-dev mailing list
> > > > > > > Moose-dev(a)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(a)exa.unicen.edu.ar
> > > > > > >
http://www.exa.unicen.edu.ar/~svidal
> > > > > > > _______________________________________________
> > > > > > > Moose-dev mailing list
> > > > > > > Moose-dev(a)iam.unibe.ch
> > > > > > >
https://www.iam.unibe.ch/mailman/listinfo/moose-dev
> > > > > >
> > > > > > --
> > > > > > _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
> > > > > > Alexandre Bergel
http://www.bergel.eu
> > > > > > ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
> > > > > >
> > > > > >
> > > > > >
> > > > > >
> > > > > >
> > > > > >
> > > > > > _______________________________________________
> > > > > > Moose-dev mailing list
> > > > > > Moose-dev(a)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(a)exa.unicen.edu.ar
> > > > > >
http://www.exa.unicen.edu.ar/~svidal
> > > > > > _______________________________________________
> > > > > > Moose-dev mailing list
> > > > > > Moose-dev(a)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(a)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(a)exa.unicen.edu.ar
> > > > >
http://www.exa.unicen.edu.ar/~svidal
> > > > > _______________________________________________
> > > > > Moose-dev mailing list
> > > > > Moose-dev(a)iam.unibe.ch
> > > > >
https://www.iam.unibe.ch/mailman/listinfo/moose-dev
> > > >
> > > > --
> > > > _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
> > > > Alexandre Bergel
http://www.bergel.eu
> > > > ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
> > > >
> > > >
> > > >
> > > >
> > > >
> > > >
> > > > _______________________________________________
> > > > Moose-dev mailing list
> > > > Moose-dev(a)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(a)exa.unicen.edu.ar
> > > >
http://www.exa.unicen.edu.ar/~svidal
> > > >
<protovisMondrian.zip>_______________________________________________
> > > > Moose-dev mailing list
> > > > Moose-dev(a)iam.unibe.ch
> > > >
https://www.iam.unibe.ch/mailman/listinfo/moose-dev
> > >
> > > --
> > > _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
> > > Alexandre Bergel
http://www.bergel.eu
> > > ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
> > >
> > >
> > >
> > >
> > >
> > >
> > > _______________________________________________
> > > Moose-dev mailing list
> > > Moose-dev(a)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(a)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(a)iam.unibe.ch
>
https://www.iam.unibe.ch/mailman/listinfo/moose-dev
--
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel
http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
_______________________________________________
Moose-dev mailing list
Moose-dev(a)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(a)exa.unicen.edu.ar
http://www.exa.unicen.edu.ar/~svidal
_______________________________________________
Moose-dev mailing list
Moose-dev(a)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(a)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(a)exa.unicen.edu.ar
http://www.exa.unicen.edu.ar/~svidal
_______________________________________________
Moose-dev mailing list
Moose-dev(a)iam.unibe.ch
https://www.iam.unibe.ch/mailman/listinfo/moose-dev
--
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel
http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
_______________________________________________
Moose-dev mailing list
Moose-dev(a)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(a)exa.unicen.edu.ar
http://www.exa.unicen.edu.ar/~svidal
_______________________________________________
Moose-dev mailing list
Moose-dev(a)iam.unibe.ch
https://www.iam.unibe.ch/mailman/listinfo/moose-dev
--
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel
http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
_______________________________________________
Moose-dev mailing list
Moose-dev(a)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(a)exa.unicen.edu.ar