Graph traversal: Graph traversal functions are provided, which are useful for both user interface interactions and programmatic graph analysis. This enables apps to provide highly interactive graphs for the user. Mutable graphs: The graph can be manipulated by adding, removing, or modifying the state of graph elements. Graph types: Cytoscape.js supports several types of graphs, including traditional graphs, directed graphs, undirected graphs, multigraphs and hypergraphs (with compound nodes, but not yet with hyperedges). Some core functions take collections as input.Ĭytoscape.js features include, but are not limited to, the following: A collection has its own API that can be used to filter, traverse, perform operations on and get data about the elements in the collection. Each of these functions returns a collection, a set of graph elements. Core functions are available to access graph elements. It represents the graph and is used to run layouts, alter the view, and perform other operations on the graph as a whole. The core is a developer’s main entry point into the library. The Cytoscape.js architecture is composed of the core and the collection. Similarly, graph elements are analogous to HTML DOM elements-they are styled by the stylesheets and programmatically accessible via the JS core API. Styling in Cytoscape.js is specified using CSS-like stylesheets, sharing as much syntax as possible with CSS. A GeneMANIA gene–gene interaction network automatically laid out and visualised with Cytoscape.js, showing interaction strength (edge thickness), interaction type (colour), multiple edges between nodes, protein score (node size) defined using a stylesheetįor increased ease of use, the library shares several concepts with the HTML + CSS + JS web model.

Cytoscape js example