Missing some features

[darkrift]

I was looking at this library and it looks great so far. Then I tried to to test the crazy example on the graphviz page located at http://www.graphviz.org/Gallery/directed/crazy.gv.txt and it looks like it doesn't take the options into account. Is this normal ? Some missing features or the library was generated from an older version of graphviz ?

Thanks for the great work so far !

Richard

[synthesizerpatel]

I don't think it's been mentioned, but having run into the same thing I dug into the javascript library to see how it was done and I think I understand what the situation is. Basically what Liviz is doing is using the bare minimum amount of code from Graphviz to parse the dot and then internally produce a graph with the layout. Then, the original author dumps out the node/edge map and doesthe presentation of the graph using the custom javascript found in the liviz/js directory. (worker-stopgo, worker-main, progress-model, graph-model, etc).

This is why 'record' and 'struct' , and html nodes don't work and why colors don't work - when I looked at the presentation code it's fairly minimal - ellipses, squares, labels, edges - no colors via the dot attributes, no complex shapes. It's not using Graphviz's C code to generate SVGs - all of that is custom javascript.

This may be a little disheartening to folks who thought 'Yay, graphviz in javascript and I don't have to do anything!'. Or it may invigorate you to learn more about the inner workings of graphviz. 👍

Now, with all of that said - I mean it as no critisism of liviz - what the original author has done is superb - really good work. The custom presentation of the nodes with fading in and out and tweening changes - excellent creativity and technical knowledge went into it.

For other folks who're interested in helping out, - I would suggest taking a read of http://www.graphviz.org/doc/libguide/libguide.pdf which has so far been the most helpful source of information for me aside from reading through Liviz's javascript and Graphviz's source code.

[darkrift]

Thanks for the explanation.

There is one feature I'd love to have though is the left-right display instead of top-bottom.

As for the other properties, I could deal with colors and a few other options in straight javascript and mod it as I like.

On 2012-10-13, at 19:31, Nathan Ramella [email protected] wrote:

I don't think it's been mentioned, but having run into the same thing I dug into the javascript library to see how it was done and I think I understand what the situation is. Basically what Liviz is doing is using the bare minimum amount of code from Graphviz to parse the dot and then internally produce a graph with the layout. Then, the original author dumps out the node/edge map and doesthe presentation of the graph using the custom javascript found in the liviz/js directory. (worker-stopgo, worker-main, progress-model, graph-model, etc).

This is why 'record' and 'struct' , and html nodes don't work and why colors don't work - when I looked at the presentation code it's fairly minimal - ellipses, squares, labels, edges - no colors via the dot attributes, no complex shapes. It's not using Graphviz's C code to generate SVGs - all of that is custom javascript.

This may be a little disheartening to folks who thought 'Yay, graphviz in javascript and I don't have to do anything!'. Or it may invigorate you to learn more about the inner workings of graphviz.

Now, with all of that said - I mean it as no critisism of liviz - what the original author has done is superb - really good work. The custom presentation of the nodes with fading in and out and tweening changes - excellent creativity and technical knowledge went into it.

For other folks who're interested in helping out, - I would suggest taking a read of http://www.graphviz.org/doc/libguide/libguide.pdf which has so far been the most helpful source of information for me aside from reading through Liviz's javascript and Graphviz's source code.

—
Reply to this email directly or view it on GitHub.

[nokoch]

Hi darkrift,

I also forked this project for colors etc., and I just got it working that you could have some colors in Edges e.g.,
https://github.com/nokoch/clivizjs
I want to go on with some more graphical stuff that I miss there but that were possible in GV itself when I have some free time again. Maybe my fork is interesting to you.