BioGraphVisart is a web-based tool to interactively visualize networks, especially with biological background.

It is written in javascript based on Cytoscape.js. The input is a graphml-file (graphml-example) or sif-file (sif-example).
In addition to nodes and edges (genes and interaction types, respectively), GraphML can store information such as expression values as node attributes (more on GraphML Format). SIF cannot store additional information (more on SIF Format).

Fig. 1 shows the network graph of the graphml-example. Here the example is displayed in BioGraphVisart.

A more detailed description is given in the Documentation.


Figure 1. The red and blue numbers indicate static sections and interactive sections modifying the representation of network graph, respectively: (1) upload, (2) selection of node color attribute (number, Boolean), (3) node color legend, (4) edge style legend (According to KEGG), (5) collapse multiple edges between two nodes, (6) mouse over node displays name and value, mouse over edge displays interaction type(s), (7) layout selection, (8) highlight boolean attribute by node shape, (9) node shape legend, (10) search node by its label, (11) withdrawal of node deletion, (12) layout reset for user can zoom in and out, relocate individual nodes or entire graph, and (13) highlight KEGG pathways that appear most for displayed genes.

Comparison

For direct Comparison of network graphs the node overlap can be calculated and be displayed in a heatmap. Also a merged network graph of two selected network graphs can be generated.

The input are multiple graphml-files.

Here an example with four network graphs is displayed in BioGraphVisart.