Directory

← Back

CytoGrapher

Graph Visualization with the Cytoscape Backend

Author

Rating

Popularity

<100

Graph Visualization in the Vaadin with the Cytoscape Backend

Main features

  • Drag and Drop node moving and graph panning
  • Mouse wheel zooming
  • Generic and node specifc styles
  • No Flash or any browser plugins are needed
  • Node layout positions are calculated in the server side (in the Cytoscape)
  • Ctrl-click and drag selection box
  • Right click context menu for node linking and deletion
  • Double click node creation

Quick start

  • Create a new VaadinProject with Eclipse's project wizard
  • Download CytoGrapher add-on
  • Download Cytoscape 2.8.1 from the http://www.cytoscape.org/
  • Copy the cytographer.jar and the cytoscape.jar into /WebContent/WEB-INF/lib
  • Download and copy gwt-graphics-1.0.0 add-on jar into /WebContent/WEB-INF/lib
  • Also download log4j.jar into /WebContent/WEB-INF/lib
  • Copy-paste example usage code below into your Vaadin application class
  • Compile the widgetsets and start the tomcat

Sample code

@Override
	public void init() {
		Window mainWindow = new Window("Cytographtest Application");
		Label label = new Label("Hello Vaadin user");
		mainWindow.addComponent(label);
		setMainWindow(mainWindow);
		
		Cytoscape.createNewSession();
		final String name = "New network " + new Random().nextInt(100);
		final CyNetwork net = Cytoscape.createNetwork(name, false);
		CyNetworkView currentView = Cytoscape.createNetworkView(net);

		final Cytographer graph = new Cytographer(net, currentView, name, width, height);
		graph.setImmediate(true);
		graph.setWidth(width + "px");
		graph.setHeight(height + "px");
		
		mainWindow.addComponent(graph);
	}

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

better zooming, more dynamic graph updates, rotation, .... + bug fixes

Released
2012-01-28
Maturity
BETA
License
GNU Lesser General Public License v3.0 only

Compatibility

Framework
Vaadin 6.0+
Browser
Internet Explorer
Internet Explorer
Internet Explorer
Firefox
Opera
Safari
Google Chrome
Internet Explorer

CytoGrapher - Vaadin Add-on Directory

Graph Visualization with the Cytoscape Backend CytoGrapher - Vaadin Add-on Directory
Graph Visualization in the Vaadin with the Cytoscape Backend Main features * Drag and Drop node moving and graph panning * Mouse wheel zooming * Generic and node specifc styles * No Flash or any browser plugins are needed * Node layout positions are calculated in the server side (in the Cytoscape) * Ctrl-click and drag selection box * Right click context menu for node linking and deletion * Double click node creation Quick start * Create a new VaadinProject with Eclipse's project wizard * Download CytoGrapher add-on * Download Cytoscape 2.8.1 from the http://www.cytoscape.org/ * Copy the cytographer.jar and the cytoscape.jar into /WebContent/WEB-INF/lib * Download and copy gwt-graphics-1.0.0 add-on jar into /WebContent/WEB-INF/lib * Also download log4j.jar into /WebContent/WEB-INF/lib * Copy-paste example usage code below into your Vaadin application class * Compile the widgetsets and start the tomcat
Discussion @ Vaadin forum
Discussion @ Cytoscape forum
Source Code
Online Demo

CytoGrapher version 0.1.0
Initial and experimental release - name changed due company policy

CytoGrapher version 0.2.0
Lot of changes. Visual changes, texts, select/deselect, zoom

CytoGrapher version 0.3.0
Added more dnd functionality and node specific styles

CytoGrapher version 0.5
Major refactoring, bug fixes and couple of new features

CytoGrapher version 0.5.1
Bug fix release

CytoGrapher version 0.6.0
better zooming, more dynamic graph updates, rotation, .... + bug fixes

Online