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
2 answers

Edge color gradient using Cytoscape.js circle layout

I am using Cytoscape.js latest version (which, as of this writing, is 2.6.3) and using a Circle layout. Can we specify the color of the edge (line) to be the gradient of the color of the nodes which the edge connects? So for example, if the edge…
mmwaikar
  • 655
  • 4
  • 14
0
votes
1 answer

Cytoscape.js, Graph is not loaded while using with angular

I have been working on a project in which I used Cytoscape.js with Angular.js. I am facing an issue regarding the loading of the graph. The problem I am facing is that the graph doesn't load on first attempt when the page is refreshed. The specific…
Umair Farooq
  • 1,684
  • 2
  • 14
  • 25
0
votes
1 answer

Alternative Curve Styles

Is it possible to import our own curve-style instead of the default cytoscape ones? e.g. bezier, unbundled-bezier, haystack etc. Thanks,
min-metal
  • 71
  • 4
0
votes
1 answer

How to make layout just for selected nodes inside compound(parent) nodes?

I have 3 compound(parent) nodes. In every compound node there are 3 child nodes. I want the layout to be exactly like this: COMPOUND1 COMPOUND2 COMPOUND3 node1.type1 node4.type2 node4.type3 node2.type1 node4.type2 node4.type3 …
paul_n
  • 191
  • 1
  • 6
0
votes
2 answers

Is it possible to make hyperlinks inside nodes in Cytoscape.js?

I want users to be able to click on some text inside the node and do some action, like show some dialog or open some other window. Is this possible? In the documentation there is something like : text-events : Whether events should occur on an…
paul_n
  • 191
  • 1
  • 6
0
votes
1 answer

Make a node unclickable in Cytoscape js.

I have a compound nodes with almost 50 nodes. And the problem is that the user can not scroll when zoomed into the node to a reasonable scale as clicking on the made (necessary for scrolling) triggers the onclick functionality of the compound need.…
KarateKid
  • 3,138
  • 4
  • 20
  • 39
0
votes
1 answer

(cytoscape.js & meteor ) Howto let cytoscape.js be updated partialy

question:Howto let cytoscape.js to be updated partialy - at this moment (in example below) i know only howto do reload of whole graph on any change in collections of nodes/edges. so if i understand correctly, in example below,…
Hynek Los kamute
  • 566
  • 1
  • 4
  • 15
0
votes
1 answer

How can I group nodes for seperate on click events in cytoscape.js

I want to 'tag' nodes in cytoscape.js so I can have different on click handlers for different groups of nodes. I understand I can use their id or name as a selector however I'm wondering if I can use a custom tag to do this? Here is what I was…
user1768233
  • 1,409
  • 3
  • 20
  • 28
0
votes
2 answers

Qtip title and button not working if I use functions to assign content

I'm using the qtip extension for ctyoscape.js to add qtips when I click nodes. Dependencies: cytoscape-2.5.0 jquery-2.1.4 jquery-ui-1.11.4 cytoscape.js-qtip qtip2-2.2.0 The problem I'm having is that it's not working correctly I use an anonymous…
dwjohnston
  • 11,163
  • 32
  • 99
  • 194
0
votes
0 answers

Node positioning algorithm for cytoscape

I need to build a network of nodes and edges for a hierarchical data set. I really liked the wine and cheese sample in cytoscape.js and I am looking to implement my view in a similar fashion. I noticed that graph gets it's data from a remote api…
AgentHunt
  • 669
  • 3
  • 11
  • 28
0
votes
1 answer

Background image link by data array

I get this error in cytoscape.js: "Do not assign mappings to elements without corresponding data (e.g. ele p for property background-image with data field linkImagem); try a [linkImagem] selector to limit scope to elements with linkImagem…
gcuculi
  • 35
  • 1
  • 8
0
votes
1 answer

cytoscape js Hiding and restoring nodes with edges afterwards

There is a cool sample at Hide nodes with animation by maxfranz. I am having trouble reverting the state though. Even if i keep the nodes + edges and then run restore on them. The nodes / edges do not reappear. Add doesnt work. Restore doesnt work.…
melborp
  • 1
  • 2
0
votes
1 answer

Rendering a large network (~4700 nodes and ~5500 edges)

Are there init options that are helpful for visualizing large networks? I've already set hideEdgesOnViewport and hideLabelsOnViewport to true, but the page still dies trying to load cytoscape.
konapun
  • 209
  • 6
  • 16
0
votes
1 answer

Change text-valign property dynamically in Cytoscape.js

I am trying to change the nodes' text-valign property from 'bottom' to 'top' after the initialisation with the following code: cy.$('#j').style({'text-valign': 'top'}); However when I run this code its only go up some pixels instead to the top of…
rasekoli
  • 87
  • 1
  • 9
0
votes
2 answers

Usage of cytoscape.js for pipleline development

I want to understand if I can use cytoscape.js for my protptype work. Here is what I want: Create a pipeline via rectangle node connecting to another node(s) horizontally. Changing node property say it color or border on tab or click. Also creating…
msita143
  • 21
  • 4
1 2 3
…
85 86