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

Node repulsion stops after the graph settles in cytoscape arbor framework

I have made an arbor layout with cytoscape using layout{ name:'arbor' } But as seen in arbor.js, the nodes are bouncing freely. It doesn't seem to happen in cytoscape layout. After loading in the browser, once it is rendered freely, after that…
nyxem1
  • 179
  • 1
  • 4
  • 16
0
votes
1 answer

cytoscape.js: selected nodes are fixed in arbor layout

I render a small graph using cytoscape.js 2.2.4 and the arbor layout. When I do the layout a second time with one or more nodes selected, the selected ones are fixed and do not move. You can see what I mean in the Arbor section of the cytoscape.js…
Martin Preusse
  • 9,151
  • 12
  • 48
  • 80
0
votes
1 answer

How can i achieve mousemove event on edges on arborjs

I need to bring the name of the target node, while hovering over the edges for a particular node connected with the edge. Like in this example http://assembl.coeus.ca/static/js/bower/cytoscape/debug/ It uses cytoscape with arborjs. We can customize…
nyxem1
  • 179
  • 1
  • 4
  • 16
0
votes
1 answer

Displaying nodes not meeting filter criteria in a network, using spring force layout and displaying text boxes on mouseover using cytoscape.js

I am new to cytoscape.js and was wondering whether it is possible to display nodes which do not meet my network filtering criteria searetely in the network i.e may be at the bottom of network as outliers. This would be very useful to enable the…
user1886130
  • 109
  • 7
0
votes
1 answer

cytoscape.js: node labels with embedded spaces not displayed

If the label in the json below is changed to "hydroxylated HIF1A" (my preferred name) then the node label does not appear. { "data" : { "id" : "64", "SUID" : 64, "label" : "hydroxylated-HIF1A", "selected" : false, "canonicalName" :…
paul shannon
  • 355
  • 5
  • 15
0
votes
1 answer

Cytoscape.js sample code, need a full example to dynamic populate nodes and edges

I am a newbie to Cytoscape.js and try to dynamically populate nodes and edges using jsp. I couldn't find a full example code for my purpose. May someone post their sample code or point me the real online application? Thanks,
Robert Wu
  • 39
  • 3
0
votes
1 answer

cytoscape.js: Safari does not show simplest graph

I wrote html page with simplest graph. It contain only one node. In FireFox it's showed well, but Safari (5.1.7 fo Windows) does not show it.
user3417184
  • 11
  • 1
0
votes
2 answers

Affix the cytoscape.js edge label to the edge

This is somewhat of a follow on to this question (I'm piggybacking here): Add an edge label with Cytoscape.js This allows you to add a label to the edge, but the labels are always horizontal regardless of the edge's actual position. Is there anyway…
user2976716
  • 31
  • 2
0
votes
1 answer

why eles.breadthFirstSearch() is behaving like dfs?

I used the following script for using the bfs function. $(loadCy = function(){ options = { showOverlay: false, minZoom: 0.5, maxZoom: 2, style: cytoscape.stylesheet() .selector('node') .css({ 'content':…
cdev
  • 93
  • 8
0
votes
1 answer

how to load and apply json vizmap (exported from Cy3) to cytoscape.js?

For loading the Cy3-exported network, this works great: cy.add(network.elements); // where 'network' is the json object exported by Cy3 What command loads and applies the exported vizmap? This command ran to completion, but the visual style of…
paul shannon
  • 355
  • 5
  • 15
0
votes
2 answers

chrome, cy.js 2.1.0: nodes disappear with mouse motion

macos 10.7.5 chrome Version 32.0.1700.107 Version 32.0.1700.107 and the simple "single.html" helpfully provided by gcpdev: live code examples: cytoscape.js initialization -- incomplete? Any movement by the mouse in the canvas makes the nodes…
paul shannon
  • 355
  • 5
  • 15
0
votes
1 answer

Importing Cytoscape Desktop 3.1 BETA exported JSON file (.cyjs) to Cytoscape.js

I exported a protein-protien network from Cytoscape 3.1 BETA 3 using the built-in exporter to a JSON (cyjs) file. I tried to import this cyjs file to a web application using Cytoscape.js library but I failed. I read the question asked by gcpdev…
Zoliqa
  • 174
  • 1
  • 1
  • 10
0
votes
1 answer

How to position node's content distant by some pixels value in cytoscape.js

I have set 'text-valign' property to 'bottom' for positioning node's content below that node in graph created with cytoscape.js and it is working correctly, but i want to place node's content some pixels value away (e.g.,5 px) from its current…
hp36
  • 269
  • 1
  • 6
  • 20
0
votes
1 answer

How to position text on node in cytoscape.js

I am using cytoscape.js to create graph with nodes. I want to position node's content below that node so that arrow direction is clearly visible. How can i do this?
hp36
  • 269
  • 1
  • 6
  • 20
0
votes
1 answer

Cytoscapejs mapData style

Trying to use the linear mapper style. This particular property seems to be ignored; I can't get the visualization to respond. node { any-property: mapData(priority, 1, 3, 0, 1); } I have verified in the Firefox interactive console that the…
andy
  • 1,399
  • 3
  • 12
  • 32
1 2 3
…
85 86