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

JavaScript Drawing library for Flow charts and attaching data to the view dynamically

I am looking for a JavaScript Library where in I can make a simple flow chart, that includes, A Start Point, A End Point, Few conditions, Changing the data, and adding it to the view when you double click the box, Can Fork the flow. Went through few…
-1
votes
1 answer

Compound two images as Node's background in cytoscape.js

I can add background image to Node through background-image attribute; but how to compound two images as background image of Node? @maxkfranz
-2
votes
1 answer

Expected an assignment or function call and instead saw an expression(error)

let a=50, b=150; let elements= [ { data: { id: 'root ', label: 'SANIANJUM' }, position: { x: a, y: b } }, ]; let username = "SANIANJUM"; elements.push({ data: { id: 'two', label: 'Node 2' }, position: { x: 150, y: 100 } },) elements.push({ data:…
-2
votes
1 answer

Cytoscape.js Yfiles orthogonal edges

Can we use Yfiles with cytoscape.js to render orthogonal edges. My layout is a preset layout of compound nodes. I want the child nodes of the compound node to connect via orthogonal edges to other nodes.
Deeps
  • 1
-2
votes
1 answer

Creating a graph with multiple levels

I need to create a graph with a dynamic number of vertices, which will look like this enter image description here Which layout is best used to get vertical vertices?
Gettysburg
  • 55
  • 10
-2
votes
2 answers

Cytoscape can't add new label

Is it possible to have (one?) more label for nodes? I want to retrieve node Id, but not within Node Name. Thx all
Karlova
  • 11
  • 1
  • 3
-2
votes
1 answer

Which framework should I use with cytoscape.js?

I'm making a Single Page Application using cytoscape.js. Which framework should I use with cytoscape.js? I read the factsheet of cytoscape.js. The link says cytoscape.js is a dependency free library, but if I remove jQuery from my demo, cytoscape.js…
-3
votes
1 answer

change event in cytoscape.js graph

I used cytoscape.js in my project angular. I want to detect any change in graph(cytoscape.js) with only a event. Changes can include anything from resizing, changing colors, moving the nodes, and so on. Is there just one event to detect all of these…
or123456
  • 2,091
  • 8
  • 28
  • 50
1 2 3
85
86