In my application, nodes contain a list of text values, and I want the edges which relate to those values to connect to the node such that they point directly at that part of the node

          +-----------+
          | Name      |
          +-----------+
 ------->o| A         |
          +-----------+
 ------->o| B         |
          +-----------+

I haven't been able to find a way to do this, searching around online and after reading the docs, and would like to know if its possible. I also perused the available extensions without any luck. Thanks

In my application, nodes contain a list of text values, and I want the edges which relate to those values to connect to the node such that they point directly at that part of the node

          +-----------+
          | Name      |
          +-----------+
 ------->o| A         |
          +-----------+
 ------->o| B         |
          +-----------+

I haven't been able to find a way to do this, searching around online and after reading the docs, and would like to know if its possible. I also perused the available extensions without any luck. Thanks

• cytoscape.js

• Please provide enough code so others can better understand or reproduce the problem. – Community Bot Commented Nov 20, 2024 at 10:55

1 Answer 1

Maybe use compound nodes so that these "text values" are itself nodes?

https://js.cytoscape./#notation/compound-nodes

btw: Or maybe try reactflow - there you create custom nodes with handles and you connect those handles not nodes. It is complicated to do it otherwise, that's why I'm trying to use cytoscape.js instead :)