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
-1
votes
1 answer

Create tooltips on Cytoscape Nodes Label using popper and tippy

I am trying to use cytoscape with tippy but it is not showing any tool tips. It throws an error that ele.popperRef is not a function. Here is the stackblitz link: https://stackblitz.com/edit/dagre-tippy?file=src%2Fapp%2Fapp.component.ts I have added…
Learn AspNet
  • 1,192
  • 3
  • 34
  • 74
-1
votes
1 answer

Parent nodes rendered as normal node when all children are not visible

Is there any way to customize parent nodes or turn off their compound node mode when each node under it is set to display: none? I am currently trying to edit the expand-collapse extension, in order to set collapsed nodes to display: none, instead…
Alexithemia
  • 11
  • 1
-1
votes
1 answer

How can cytoscape be used as part of a Vue component?

I'm looking to deploy cytoscape as part of a vue component. Is there a preferred method? Can the cs props be fed through Vue props?
Matt Harp
  • 1
  • 2
-1
votes
1 answer

How to draw an edge between two node in cytoscape with mouse drag drop

I am using cutoscape.js library for visualizing graphs in web. i want to add some node and edges between them. adding node is simple. i want to draw an edge between source node and destination node with drag and drop. If you can help me, i will…
user2352554
  • 521
  • 4
  • 17
-1
votes
1 answer

How render svg icon inside node with background in cytoscapejs?

How render svg icon inside node with background in cytoscapejs? Because for now I see only for compound nodes, but it's not helped for me
MrChe
  • 25
  • 4
-1
votes
1 answer

How to record right click on cytoscape.js element with selenium?

I am writing selenium (python) tests for a site that contains a cytoscape.js tree. I am trying to record a ritgh click action on one of the cytoscape's elements (node) but i cannot find a way to do it in python and when i create the test in browser…
galatia
  • 473
  • 1
  • 5
  • 18
-1
votes
2 answers

How to create straight lines from certain nodes to a border of the canvas in cytoscape?

I have an article in the middle column, and on the sides two graphs generated with cytoscape of "ancestors" and "descendants". I'd like to show an "edges" from the articles in the last generation of "ancestors" to the article in the middle, that is…
troricleba
  • 151
  • 1
  • 3
  • 12
-1
votes
1 answer

How to add extensions using cdn in cytoscape.js

I want to use the klay extension for layout in cytoscape. I got the cdn for it https://www.jsdelivr.com/package/npm/cytoscape-klay. How do I use it only with the cdn.
Anishcharith Bhandary
  • 41
  • 5
-1
votes
1 answer

Get array of data based on hierarchical edges sequence in cytoscape.js

I use cytoscape.js to organize an flow of nodes that represent an tasks execution. Sometimes an task is not created hierarchicly. At least in a visual way, edges gives the correct sequence. I would like to get the hierarchical sequence based on…
calebeaires
  • 1,972
  • 1
  • 22
  • 34
-1
votes
1 answer

Remove nodes from the graph without reloading the web page in cytoscape.js

I have a graph of molecular interactions that takes nodes and edges from a query to my database. I also have two buttons as node labels: "Remove" and "Add" (where "remove" should remove the selected node, while "add" should expand to first…
Alessandro P
  • 59
  • 2
  • 4
-1
votes
2 answers

How to run Cytoscape.js?

I am new to Cytoscape.js and also didn't write JavaScript or HTML before. I installed Cytoscape.js by using npm: npm install cytoscape I then created a HTML file from HTML-Kit as follows:
qcx
  • 81
  • 1
  • 2
  • 7
-1
votes
2 answers

Using Cytoscape.js in REPL environment

I'm trying to explore the cytoscape graph core object and I want to access its properties in runtime. Can I use Node.js interpreter to instantiate the cy object and run methods on the elements ? If this is an option, I also don't understand where…
chenchuk
  • 5,324
  • 4
  • 34
  • 41
-1
votes
1 answer

D3.js and my sql : import and visualise data

i m working on a project to visualise a network on a php page using D3.js or cytoscape.js but i don t know how to import data from mysql . any ideas ? or should i look for an other library ?
Reader
  • 15
  • 9
-1
votes
1 answer

Cytoscape: finding the leaves of a specific node

I suppose it is possible to find the leaves of a particular node. The first line of my code works, the second returns an empty object {} What am I doing wrong? Thanks! console.log( cy.nodes().leaves().jsons() ); console.log(…
Greg Forel
  • 2,199
  • 6
  • 25
  • 46
-1
votes
1 answer

Cytoscape.js with leaflet

I want to use leaflet as Map library and use Cytoscape.js to display nodes as overlay. Also node locations are updated with zoom in and zoom out. What are the challenges on the way. Any suggestions? I have list can anyone support : Use canvas…
saket vikram singh
  • 21
  • 4
1 2 3
…
85
86