Graph Explorer add-on: Highly interactive graph data visualization

is live!

Add-on source code, issue tracker and demo source code are available, too.

Looks really interesting.

Looks really nice.

Now I have to find a use-case for the addon in my application ;-)

Can't get the online demo working in Chrome 19, works well in IE and FF. The progressbar keeps spinning.

Works fine in my Chrome 19. Only problem that I had was that some nodes are opening a bit wonky - I have to click on some of them three times to open them. Every time I click the nodes gets a bit repositioned but the node stays close. It seems that at the first click internally notes that the node is open, but it doesn't update that detail to the UI. The second click closes internally, but it is already closed in the UI so nothing happens. The third click opens it as expected.

Jens, could you please file a ticket on that with steps to reproduce?

Robby Iven: Can't get the online demo working in Chrome 19, works well in IE and FF. The progressbar keeps spinning.

Works for me in Chrome 19. Maybe you have some browser plug-in that gets in the way? An ad-blocker perhaps?

Jens Jansson: Only problem that I had was that some nodes are opening a bit wonky - I have to click on some of them three times to open them. Every time I click the nodes gets a bit repositioned but the node stays close. It seems that at the first click internally notes that the node is open, but it doesn't update that detail to the UI. The second click closes internally, but it is already closed in the UI so nothing happens. The third click opens it as expected.

I just released Graph Explorer version 0.2 and updated the online demo to it. The only visible change is that I've now put the loading indicator (a.k.a. wait spinner) in the center of the browser window, where it's clearly visible. (There's API changes, too, but you can't see that from the demo.)

Can you try the demo again and check that the loading indicator appears when the app doesn't seem to respond? If so, then the problem simply is that the Neo4J graph database at the backend is simply too slow in loading the data. Not too much I can do about that at the moment, unfortunately. It seems to cache the data in memory, though; subsequent loads of the same data appear to be faster. That's probably why it appeared to you that the first clicked did nothing.

Please, try again and let me know your impressions! :)

Hi,
thx for the addon, looks very interesting.
I'd like to use it to create IT diagrams related to bussiness processes.

I'm trying to create a demo application, like yours, but I cannot find the classes that you use in your demo.
For example, Vertex class. I don't find it, but I have found the Node class. Is the same or similar? Another example is GraphProvider Class. I cannot find it in com.vaadin.graph. I have found GraphRepository, but I'm not sure if it's the same or how to use the Arc class that is needed by GraphRepository class.
I cannot even find them in the github repository.

Can you show another example about how to use the addon?

Thx!!
M.

Hi,
it seems that i was looking at an older repository. Now I'm on Neo4J repository and it looks more like the actual API...
Sorry ;)
Regards,
Miguel.

Is there any ideas on porting to vaadin 7?

R J: "Widgetset does not contain implementation for com.vaadin.graph.GraphExplorer. Check its @ClientWidget mapping, widgetsets GWT module description file and re-compile your widgetset. In case you have downloaded a vaadin add-on package, you might want to refer to add-on instructions. Unrendered UIDL:"

You need to compile the widgetset.

Vinod Sangwan: I have a requirement to create flow charts(similar to attached).
To achieve this, the nodes(GWT composite) and lines should be displayed together.

So the nodes(GWT composite), will display the table with multiple rows of textbox, dropdowns etc.
And the lines will connect the nodes.

I understand that flow chart requirement cannot be achieved using Graph Explorer, but I wanted to know that instead of text, can a composite be used?

Nodes can contain custom HTML, but there is currently no easy way of putting other widgets inside of them. You can style them with CSS.

pilou pilou pilou: Is it possible to tune the rendering of the node?
How is it possible to capture simple and double click on the node in order to make action (like printing detail of node).

You can change the appearance of the nodes with CSS.
It's possible to attach click listeners to nodes, but there is currently no public API for that. You could fork the code and hack it in yourself.

Telles Mota Vidal Nobrega: Is there any ideas on porting to vaadin 7?

Ideas: yes. Time: no.

Graph Explorer is sufficiently complex that porting it to Vaadin 7 would require a major rewrite. I currently simply do not have sufficient time for this. :(

This add seems absolutely great. To bad I use vaadin 7. I really want to use it :(

I also still missing Vaadin 7 support. But in the meanwhile I have written a network graph protoype component by using the AbstractJavaScriptComponent class and the JavaScript library VIS (http://visjs.org). Perhaps an inspiration for one or the other developers who can not wait like me. Protoype project can be found here: https://github.com/elomagic/network-graph. Enjoy

I want to use the Graph Explorer in my project but i need click & double click events which are not supported by the add on hence i tried to implement but its not working :( .

I added below code for test purpose in networkgraph-connector.js:
graph.on('doubleClick', function(properties)
{
        alert('Double Click Event');
});

Is there anything that i am doing wrong or am i missing something ?

Thanks.

Does anyone know if the explorer supports selection of edges?  The online demo (which is still for the Vaadin 6 version) only operates on the vertices/nodes.

Thnx for all info,
tom

I can't figure out how I can get a reference to a node that I have clicked over, can anyone help me out?