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

cytoscape neural handwriting recognition

am new to neural nets and algorithm as a whole but i have a project to build a handwriting recognition app. i currently am using HTML canvas and am get the x,y coords of each point into a list, but i need to build the ML part so my question are: can…
Femi Oni
  • 796
  • 2
  • 9
  • 25
0
votes
2 answers

Reducing unused space/arrow length for cytoscape js layouts

I am using the cytoscape js library for displaying a hierarchy of images. I followed the example on http://jsbin.com/gist/aedff159b0df05ccfaa5?js,output and found that the breadthfirst layout is what I need. However, I find the rendered result…
Joel Gordon
  • 11
  • 1
0
votes
1 answer

Cytoscape content background

I am wondering if it is possible to set the background color of an edge label with cytoscape? I am setting the rest of the edge styles like this. style: cytoscape.stylesheet() .selector("edge") .css({ …
giodamelio
  • 5,465
  • 14
  • 44
  • 72
0
votes
1 answer

Cytoscape.js - How to display nodes generated in Java

I want to display graph using data generated on server side of Java EE application. So my question is how to put some data structure (JSONObject) to "elements" section of below code: $(function(){ // on dom ready var cy = cytoscape({ container:…
rusalka
  • 1
  • 2
0
votes
1 answer

Displaying qTip hover on outer nodes of Cytoscape.js graph?

When hovering over the outer nodes of graph in Cytoscape.js, the qTip dialog is not displayed. Is there anyway to display the qTip bubbles upon hovering on an outer node? I can have the qtip popup on nodes in the upper half but not much along the…
Mango Web Design
  • 31
  • 1
  • 4
0
votes
1 answer

Function for highlighting the path back to the root node

I want to find a function that highlights the path from the following nodes: a > b > c > d > a The importance is highlighting the path back to 'a'. Or even a function where you can predefine the route for the path.
Mark Lochrie
  • 1
0
votes
1 answer

Cytoscape.js - lock junction between node and edge

I've a question about locking junctions between node and edges. I don't want to lock node or fixed edges but just lock the point where the edges touch the node... Does it possible ? Perhaps I need to modify the cytoscape.js code... Can you help me…
pbardou
  • 3
  • 3
0
votes
1 answer

cytoscape.js accessing object

I build a cytoscape object in a div and set all parameters required what is working just fine! On the "tap" event I add a class to the node just like this: ready: function(){ window.cy = this; cy.elements().unselectify(); cy.on('tap',…
pbardou
  • 3
  • 3
0
votes
1 answer

cytoscape.js Parent node shape changes from circle to square in the pie-style graph

I'm trying to learn cytoscape.js and I'm pretty new to it. I took the code from pie-style graph demo and playing with it. I just added parents to all the nodes and noticed that the node shape for all the parent nodes changed to 'square'. I even…
stackuser81
  • 1
  • 1
0
votes
1 answer

cytoscape simple startup not working

I want to use the cytoscape.js library for my project. But I cannot get it running. This is the example page I use. http://cytoscape.github.io/cytoscape.js/ I make a html document and include the library. But it does not visualize the example…
user3805025
  • 5
  • 3
0
votes
0 answers

cytoscape.js unique node is outside the visible area

im using cytoscape.js to display a tree. It works perfectly when the tree has several nodes, but when my tree contains only one node, this is rendered outside the visible area. I can zoom out and it appers on the lower right edge of my…
rgalindo33
  • 108
  • 1
  • 7
0
votes
1 answer

Quick example of Cytoscape being used with Primefaces

I am looking for an example (complete xhtml) of a simple graph created with cytoscape.js in a webapplication using Primefaces. Right now, I am unsure of how to integrate the jquery with primefaces.
Nick
  • 1,743
  • 6
  • 23
  • 38
0
votes
1 answer

How to autoselect DAG node ancestors in Cytoscape.js

When selecting (i.e. clicking on) a node in a DAG rendered with Cytoscape.js, I would like all "ancestor" nodes to be selected automatically. I have adapted this algorithm to set a property, "visited", to 1 for all nodes that are ancestors (or…
acbox
  • 3
  • 2
0
votes
2 answers

Cytoscape.js: Node SVG Backgrounds not scaling correctly in Firefox

I've got a very simple graph with a handful of nodes. The Nodes use SVG background images and they scale without issue in Chrome/IE. These are defined in JS using the cytoscape css functional format and given to cytoscape for initialization.…
user3596545
  • 1
0
votes
1 answer

cytoscape.js arbor layout on jsbin

I am trying to do a lightweight "lab" using cytoscape.js on JSBin, and am only having problems with the arbor layout. I have been pounding on my nonworking example, and after dropping in a script that works on a server and then fails, I'm thinking…
vinegarbin
  • 120
  • 1
  • 7
1 2 3
…
85 86