Stack Overflow
Stack Overflow

Questions tagged [webcola]

WebCola is a JavaScript constraint based layout for high-quality graph visualization and exploration using D3.js and other web-based graphics libraries.

WebCola is a JavaScript constraint based layout for high-quality graph visualization and exploration using D3.js and other web-based graphics libraries.

Use this tag for questions pertaining to usage of WebCola libraries such as this implementation (on GitHub).

28 questions
1
vote
1 answer

Y-axis force with cola.js and Cytoscape

I have noticed that using Cola.js (with Cytoscape.js) most of my layouts tend to form in a square layout and not using up my bounding box which is more wide than tall. I've been looking around and found d3-force which has this option of forceY that…
janhartmann
  • 14,713
  • 15
  • 82
  • 138
1
vote
1 answer

How to get intersection of link-edge and node in d3js?

I want to have many node shapes (circle, square...) Here is my JSfiddle prototype the problem is arrow placings: They are created like this in js: svg.append('svg:defs').append('svg:marker') .attr('id', 'end-arrow') .attr('viewBox', '0…
DuckQueen
  • 772
  • 10
  • 62
  • 134
1
vote
1 answer

d3/cola: Layout configuration for UML-like diagram

I am trying to build a graphql schema visualizer using something other than viz.js (the library is too large and adds 1MB to the bundle). I was recommended webcola and it seems to be a very powerful library. I have gotten to a point where the…
Rohit Ravikoti
  • 21
  • 1
  • 4
1
vote
0 answers

Adding labels to groups in d3 force layout

Is there a way to add labels to the groups for the d3-cola force layout example here I have added tooltips: var group = svg.selectAll(".group") .data(groups) .enter().append("rect") .classed("group", true) .attr("rx",20) …
user10167524
  • 21
  • 1
1
vote
0 answers

d3/d3cola set node position, neural network drawing [Javascript]

The problem I have is, when drawing a neural network, I'm just sending nodes and connecting them to sensors/neurons/actuators but I never have controll on where they are being drawed. An example of a NN I'm drawing is: What I want to do with d3 or…
MiGu3X
  • 119
  • 1
  • 15
1
vote
1 answer

Cytoscape Cola.js Layout edge length = text corpus visualisation

I want to set the edge length with the weight in my data.json. Like in the cytoscape-spread demo the edge length should be longer depending on the weight. "data" : { "id" : "1965", "source" : "108", "target" : "149", "shared_name" :…
ma-jo-ne
  • 147
  • 2
  • 12
1
vote
0 answers

What is the property blockInd

I am working on a project with d3 and cola, and when i try to update my svg, I sometimes get this error: Uncaught TypeError: Cannot set property 'blockInd' of undefined I dont understand where this error is coming from and i dont know what is…
Jeremy Martineau
  • 31
  • 4
0
votes
1 answer

Layout compound nodes in cytoscape JS

Is it possible to get rid of the marked area? The yellow and green nodes are inner nodes of the grey parent node. I am using a compound node and the cola layout. compound node
x21L
  • 1
  • 2
0
votes
0 answers

CYTOSCAPE COLA: Lock a node with animation enabled

I'm using cytoscape-cola library to animate my graph using the infinite:true parameter in the layout section of cy element. I also added to my graph a function that lock the position of a node when clicked (like it happens, for example, in…
sicdb
  • 23
  • 4
0
votes
0 answers

Disable initial animation in D3 with webcola js

I want to disable that first animation, because it leeks the browser in big graphs. The documentation is frightful and I don't what to use d3 force layout, I want to keep webcola. Thanks
Alan Grosz
  • 1,175
  • 10
  • 15
0
votes
2 answers

Merge new json data to existing graph in d3.js and cola.js

I have a function buildTree that takes as an input json data and visualize them using d3.js with cola.js. The idea is that i click a button and add a json to d3. Then by clicking another button i add another js and keep the old one so i end up with…
galatia
  • 473
  • 1
  • 5
  • 18
0
votes
1 answer

How to group nodes based on weight in Cytoscape cola

I am having trouble using cytoscape with cola. I would like a network where nodes with "heavy" edges connecting them tend to stick closer to one another. So far, my javascript code looks like this: var elems = [ {data: {id: '1', name:…
Fratel
  • 57
  • 1
  • 9
0
votes
1 answer

parallel links between nodes

I've a Webcola&D3 svg graph with Nodes and Links between them. Till today, between nodes the Links could be One way, if B was connected to A, it was only one way Link. Today i was told i need to support having 2 way Links, meaning A can send a Link…
Sahar Sabin
  • 227
  • 2
  • 10
1
2