Stack Overflow
Stack Overflow

Questions tagged [cytoscape-web]

Cytoscape Web is a graph -- nodes and edges -- visualisation library, written as a jQuery plugin.

Any questions related to using Cytoscape Web should be posted with this tag.

Note that Cytoscape Web has been replaced by Cytoscape.js. For questions about Cytoscape.js the should be used instead.

For more information about Cytoscape Web, visit the project page.

94 questions
1
vote
0 answers

How can I download Cytoscape.js graph as .pdf?

I am trying to download a Cytoscape graph generated by Cytoscape.js in Angular 12. I can download the given graph as .jpg, .png and .json. I would like to download it as .pdf Code for downloading it as .png, .jpg and .json is something like…
Batwing10
  • 11
  • 2
1
vote
1 answer

What values can be provided to "expandCollapseCuePosition" property in cytoscape.js-expand-collapse library?

I'm trying to render this cue Image on the top right corner of the nodes but this property is not taking any values other than "top-left". It does not render anything on providing any other string/function. The document says it takes in a function…
Poornima T
  • 263
  • 1
  • 2
  • 8
1
vote
1 answer

Cytoscape Integration with Neo4j

I'm trying to build a webpage on which embed a visualization window for my local graph database. The graph database I'm using is Neo4j and for visualization I'm trying to use Cytoscape. Until now, I embedded a test graph in a webpage thanks to…
sicdb
  • 23
  • 4
1
vote
1 answer

Call a method on click on a node on cytoscape graph

I am trying to call a method by passing in the id of the node but it keeps saying that method is not a function. Here is the stackblitz link: https://stackblitz.com/edit/cytoscape-call-method?file=src/app/app.component.ts You can click on any node…
Learn AspNet
  • 1,192
  • 3
  • 34
  • 74
1
vote
1 answer

Dynamically add a css class to cytoscape node on the tap of the node using cytoscape.js

I am trying to add class on the tap of the node in cytoscape.js. Here is the link for the complete code: https://stackblitz.com/edit/angular-kpnys1?file=src%2Fapp%2Fapp.component.ts ngViewAfterInit function cy.on("tap", "node", function(evt) { …
Learn AspNet
  • 1,192
  • 3
  • 34
  • 74
1
vote
1 answer

Border-Shadow and decrease the size of parent element css in cytoscape

I have a following image: I am trying to add border shadow to the rectangle shape. Is that possible in cytoscape? Also, the parent elements are Customers and order. Can I decrease the size of customers and order parent element? Here's is the link…
Learn AspNet
  • 1,192
  • 3
  • 34
  • 74
1
vote
1 answer

Stylesheet for cytoscape does not take affect. Text and graph does not show correctly

I am trying to create a following graph using cytoscape. https://pathwaycommons.github.io/cytoscape-sbgn-stylesheet/ I have installed cytoscape-sbgn-stylesheet and cytoscape as dependency on my angular app. Here is the code for the angular…
Learn AspNet
  • 1,192
  • 3
  • 34
  • 74
1
vote
1 answer

Parsing graphml file in cytoscape.js using cytoscape-graphml.js

I am working on a cytoscape.js project. I have a graphml file ( an XML- based file format for the representation of graphs) which I need to display on the browser. For this, I am using an extended library cytoscape-graphml.js to import graph from a…
Zeeshan Rao
  • 83
  • 1
  • 7
1
vote
1 answer

How can I select edges based on data inside array object of an edge?

I am trying to select edges based on a passed in string. Here is a sample json: { "group": "edges", "data": { "id": "8", "source": "Q14814", "target": "P20393", "direction": "|->", "Sources": { "dataSource": "database", "dbId":…
Tim B.
  • 446
  • 1
  • 5
  • 13
1
vote
1 answer

How to create concentric graph based on a count stored in each node?

I have count parameter for each node on the basis of which I want to create concentric graph i.e nearest nodes to the centre have more count than the outer ones.How can I achieve it? For this I have included following code in my javascript but I…
Iman Virk
  • 11
  • 4
1
vote
1 answer

In Cytoscape.js how can I trigger a node to redraw after its data changes?

Does anyone know how to trigger a node to redraw? I've got a case where the underlying data object updates its 'label' property and the only ways I can trigger cytoscape to redraw the labels are; Call some combination of .selectify() then…
Ryan Worsley
  • 655
  • 1
  • 4
  • 17
1
vote
0 answers

cytoscape.js spread layout not showing anything

I'm doing a small cytoscape.js project and was trying out the different layouts and see the results... All the layouts I've tried work without issue, namely, cola, cose, cose-bilkent and dagre but spread does not (coincidentally it seems is the one…
ricardojoaoreis
  • 33
  • 3
1
vote
2 answers

Select just the child nodes of a parent node, and eliminate (temporarily) from the graph all other nodes in cytoscape.js

I just modified a sample from the cytoscape.js ("Animated BFS") and added some nodes: $(function(){ // on dom ready $('#cy').cytoscape({ style: cytoscape.stylesheet() .selector('node') .css({ 'content': 'data(id)', 'background-color':…
DanielBoloc
  • 167
  • 2
  • 8
1
vote
2 answers

Select leaf node in compound nodes with cytoscape.js

I have several compound nodes (A contains B, and B contains C)and I want to select the leaf node (C). How to do that? Thanks!
shu
  • 89
  • 1
  • 8
1
vote
2 answers

How to use tooltip javascript library(qtip.js) together with cytoscape.js

I want to use qtip together with cytoscape.js to dispaly tooltips in nodes on mouseover event in graph created with cytoscape.js. I have placed following code inside ready: function() as shown below: cy.on('mouseover','node',function (event)…
hp36
  • 269
  • 1
  • 6
  • 20
1 2
3
4 5 6 7