Stack Overflow
Stack Overflow

Questions tagged [cytoscape.js]

Cytoscape.js is a JavaScript graph theory / network library for analysis and visualisation (Compatible with CommonJS/Node.js/Browserify/Webpack, AMD/Require.js, jQuery, npm, Bower, jspm, Meteor/Atmosphere, and plain JS/JavaScript)

Cytoscape.js is, according to its website, a JavaScript graph library for analysis and visualisation (compatible with Node.js, jQuery 1.4+, and plain JavaScript).

Cytoscape.js allows you to easily display graphs in your websites and contains a slew of useful functions in graph theory. You can use Cytoscape.js headlessly on Node.js to do graph analysis in the terminal or on a web server.

Related tags :

Asking a question:

  • Reduce your issue to a small example
  • Explain the behavior you experienced and its difference from your expectations
  • Post a reduced working code on codepen.io, plnkr.co or jsfiddle.net

Getting started :

Community:

Advantages:

  • A fully featured graph library written in pure JS
  • Highly optimised
  • Documentation includes live code examples, doubling as an interactive requirements specification
  • Fully serialisable and deserialisable via JSON
  • Uses layouts for automatically or manually positioning nodes
  • For more information please click here
1285 questions
0
votes
1 answer

Getting minimum graph height in cytoscape.js

I have cytoscape.js graph with fixed node size and zoom. I want to fit entire graph (DAG, almost tree with few "non-tree" edges) into viewport with fixed width and unlimited height. I'm having troubles to implement it. I use breadthfirst layout.…
yaqwsx
  • 569
  • 1
  • 5
  • 14
0
votes
1 answer

Layout for Cytoscape (JavaScript) Compound Nodes Makes "Containers" Too Large

How can I make the "container" nodes in a Cytoscape Compound Graph smaller? The "cose" layout makes them gigantic for my graph, wasting an extreme amount of space. How can I "style" such container nodes to be a more reasonable size for the "child"…
Paul Nahay
  • 49
  • 5
0
votes
1 answer

Cytoscape : Add element in setTimeout doesn't get rendered

In the following code , I add a node to the graph in setTimout but it's not rendered. When I move the code out of setTimeout it's drawn. Any reason ? var cytoscape = require('cytoscape'); var cy = cytoscape({ container:…
Arian
  • 7,397
  • 21
  • 89
  • 177
0
votes
0 answers

Cytoscape Graph is not showing

I am trying to show a cytoscape graph in an ext window. Everything is working well, until i add the ext-all.css, the graph is no longer displayed. This is the panel were the graph is supposed to be shown ( the #cy div) var formPanel2 = new…
Khouloud
  • 81
  • 1
  • 1
  • 10
0
votes
1 answer

Can we set layout of PERT and CPM left to right

I need to show PERT-CPM flow in which node position should get generated from left to right and generate the graph with input as vertex(node) and precedence of vertexes.
Jugal Panchal
  • 1,448
  • 16
  • 20
0
votes
2 answers

Dynamic Graph Visualisation Using JS

I would like to visualize a dynamic graph. Actually, I take a look on how some libraries treating that like d3.js, sigma.js and cytoscape.js. The problem is that these libraries are reading the graph data from a specific file, in my case these data…
Khouloud
  • 81
  • 1
  • 1
  • 10
0
votes
1 answer

Rendering cytoscape graph in div position

I would like to render a cytoscape graph to a div position. In the documentation, I just found how it can be rendered to dom. What about a specific div ?
Khouloud
  • 81
  • 1
  • 1
  • 10
0
votes
1 answer

Is it possible to add MathML to nodes in cytoscape.js?

I'm struggling with adding some math to nodes in cytoscape.js. I'm able to do it by taking screenshots from latex, but these don't stretch well as they are rasterized images. Is there a way to use MathML within cytoscape.js? Thank you
fsuna064
  • 195
  • 1
  • 7
0
votes
1 answer

How to fix the qtip position when using cytoscape-qtip.js

I'd like to show detailed information when clicking on a certain node. Instead of showing information in related to the position of node, I'd like to place the information at a fixed position (for example, top right corner of
yetisun
  • 121
  • 2
  • 5
0
votes
1 answer

Dagre layout with long labels in cytoscape.js

I'd like my dagre layout to take the label length into consideration for the layout calculation. Right now I have overlapping labels but dagre can definitely take the label length into consideration (for example in…
dominik
  • 5,745
  • 6
  • 34
  • 45
0
votes
1 answer

cytoscape.js successors and predecessors

I'm looking to select the successors and the predecessors from a selected node within my graph. Essentially what I need my code to do is select the full path in and out of a note right to the end nodes. I know how to select one or the other…
AndyP
  • 1
0
votes
1 answer

Cytoscape.js, nodes aren't getting selected with Chrome

In cytoscape.js I have a network, and when I select a node, normally the color of the inner circle, which is green, should turn black, like this in Mozilla Browser: But when I try the same network in Google Chrome it doesn't work, I just get this,…
DanielBoloc
  • 167
  • 2
  • 8
0
votes
1 answer

How to make child nodes not individually draggable?

In my cytoscape.js graph, I have a compound node with a number of child nodes. Some (but not all) of these children are styled as labels only, and because I have set a min-zoomed-font-size, these children are invisible at low zoom levels. …
Suzanne Paley
  • 172
  • 8
0
votes
2 answers

Cytoscape.js, add title to whole complex & right click enable

a) I have a complex of nodes and edges. I want to add a title to the complex. Is there any way in Cytoscape.js, where I can display the title of the complex? b) Additionally, I want to give user an option to download the complex in png file with a…
Ankita Nand
  • 137
  • 1
  • 12
0
votes
1 answer

cytoscape.js node unwanted overlap and unexpected styling

I've got a working cytoscape.js instance that looks like this: I have been trying unsuccessfully to configure the graph so that the node labels don't overlap. The graph uses arbor for layout. Playing with the repulsion levels doesn't have much…
dnagirl
  • 20,196
  • 13
  • 80
  • 123
1 2 3
…
85 86