Cytoscape.js

Cytoscape.js is a browser library for interactive graph and network visualization.

Where it fits

It is most useful when relationships between entities are as important as the entities themselves, for example in knowledge graphs, dependency maps, or connected search results.

Repeated project patterns

  • MaRESS uses Cytoscape.js to show research entities and their relationships as an explorable graph.
  • In practice, graph views often sit beside more conventional list and map views rather than replacing them.

Trade-offs

  • Graph interfaces can become visually dense quickly, so data reduction and interaction design matter as much as the rendering library.
  • A graph view usually needs a clearer data model than a basic table-based frontend.