cytoscape / cytoscape.js

Graph theory (network) library for visualisation and analysis
https://js.cytoscape.org
MIT License
9.98k stars 1.63k forks source link

Preset layout with predictable Taxi edges #3256

Closed UBarodzich closed 2 weeks ago

UBarodzich commented 1 month ago

Is it possible to achieve this result when all nodes are in one column, all connections are on the left side? Expected result:

image

I use "preset" layout with 'taxi' edges

Current behavior: selector: 'edge', style: { "curve-style": "taxi" }

image

or selector: 'edge', style: { "curve-style": "taxi", 'taxi-direction': 'horizontal', 'source-endpoint': '-50% 0%', 'target-endpoint': '-50% 0%', 'taxi-turn-min-distance': '100px', "taxi-turn": '100px',

image
maxkfranz commented 1 month ago

That style block doesn't make sense. Try taking a look through the documentation again and experimenting with the properties a bit more.