how to add/connect a new edge to nodes via drag and drop

How can I add a new edge to connect 2 nodes via drag and drop? I would like to drag/draw a new edge from node x to node y manually via mouse.

It would be greatful, if you could give a working example in jsfiddle or something like that!

What is node and edge in Cytoscape?

Interaction networks are useful as stand-alone models. However, they are most powerful for answering scientific questions when integrated with additional information. Cytoscape allows the user to add arbitrary node, edge and network information to Cytoscape as node/edge/network data columns.

How do you bend edges in Cytoscape?

In the Style tab, select the Bend property from the Properties drop-down and click on either the Default Value, Mapping or Bypass cell to bring up the Edge Bend Editor.

App-level features should be written in your own app code or in an extension.

Have you taken a look at the extensions?

There are two extensions on the list thus far for this usecase.

Cytoscape.js is very extensible, so it's easy to write your own extension if you want something different.