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

How to specify discrete mapper style in cytoscapejs?

I am specifying the cytoscape.js style via css (and converting to the JSON format using this). I am trying to use a discrete mapper for the style. Similar to How to use a descreteMapper like on cytoscapeweb? but I don't want to just pass through…
andy
  • 1,399
  • 3
  • 12
  • 32
0
votes
1 answer

cytoscape.js "e.originalEvent.x" with different behavior on browsers

I'm trying to build a crossplatform tool with cytoscape.js, wich includes mobile devices, but I'm facing some problems when using the "tap" function to add a node: cy.on('tap', function(e) { if(e.cyTarget === cy) { …
gcpdev
  • 442
  • 6
  • 20
0
votes
1 answer

How to use plugins to add nodes and edges in cytoscape.js?

I'm trying to migrate from the old Flash CytoscapeWeb to the HTML5 version, cytoscape.js. I'm trying to build a tool that allows interactive creation of networks - meaning we need to add nodes and edges. There were some wonderful demos for…
andy
  • 1,399
  • 3
  • 12
  • 32
0
votes
1 answer

Large networks do not render

I've been using cytoscape.js extensively to render several networks. It seems to work fine for small networks, however it fails with larger ones (173 nodes and 214 edges). I had a look at Firebug console and it looks as follows: TypeError:…
Jose Villaveces
  • 71
  • 1
  • 8
0
votes
1 answer

How to add pan zoom button in graph generated using cytoscape.js

I am using cytoscape.js to create & display graph. Now, I want to add pan & zoom buttons, so that user can zoom and pan very large graph. I have found a plug-in cytoscape-panzoom included with cytoscape.js. I have include all required files in my…
hp36
  • 269
  • 1
  • 6
  • 20
0
votes
1 answer

How to interactively create an edge on canvas between two nodes

As in the cytoscape.js to make an interactive communication between nodes? Is it possible? In similarity how it is implemented in a factoid (http://webservice.baderlab.org:3000/). That is, you can interactively create an edge on canvas between two…
Sasha Fo
  • 1
0
votes
1 answer

How to label lines with cytoscape.js?

I am using cytoscape.js to generate a visual network topology. Is there a way to display additional data (e.g. network interfaces) on the nodes themselves or on the connections between nodes? Thanks!
user2799603
  • 873
  • 3
  • 13
  • 19
0
votes
1 answer

Edge lines don't show up in Cytoscape.js graph in Chrome for Android

When I open a cytoscape.js graph in Chrome for Android, the edge lines do not show up regardless of what line thickness is used. Here is an example: http://jsbin.com/AnEtura/1/edit
user1027169
  • 2,627
  • 3
  • 27
  • 50
0
votes
1 answer

Cytoscape.js how to save image

Does anyone who happens to know how to save image of our graph? I know someone tried to use cy.png(), but I don't know the detail how to use it. Any ideas? Thanks Problem above solved! but I have new problem below: I still have problem to remove the…
LEON
  • 73
  • 2
  • 9
0
votes
1 answer

arbor layout for larget data

I have too many nodes in my data, and I find out it's really not OK to visualize them by using cytoscape js. Does anyone have similar problem, or there are some solution to my problem, see my graph…
LEON
  • 73
  • 2
  • 9
0
votes
1 answer

event.cyTarget stick to previous event

This is my code,I will right click one node and a dialog will display, and then I will check the checkbox in this dialog to hide this one. However, it seems every time when I right click more than one node (not check the checkbox for previous node…
LEON
  • 73
  • 2
  • 9
0
votes
1 answer

make jquery ui dialog on the top of cytoscape network

I have problems to move the dialog around the cytoscape networks,see my graph( http://raven.anr.udel.edu/~sunliang/biolayout1/biolayout2.php?fileName=usrID/id_1378869568_41_gene_iterm.txt ),click menu 'Diagram', if the dialog is moved on the top…
LEON
  • 73
  • 2
  • 9
0
votes
1 answer

Usage of Perl to insert information to cytoscape.js

So I need to transfer information from a file. An example of the heading is label=1234 I was hoping I could use a perl code to change "label" to "id", is this possible?
user2777158
  • 1
  • 1
0
votes
1 answer

cytoscape.js arbor layout can not work

Visual style example
LEON
  • 73
  • 2
  • 9
0
votes
1 answer

Cytoscape.js not returning an accurate node degree on edge addition + removal

I'm building a graph which allows edges to be toggled on/off. I need to be able to add and remove them repeatedly. I have noticed this error with node degrees with nodes attached to toggled edges. I've included an example. My code: allElements =…
JD.
  • 2,361
  • 6
  • 25
  • 38
1 2 3
…
85 86