Waypoint creation and bending the arrow for a process

Hi,
We have a requirement like reading the node(from one activity to another activity) details from excel and to draw workflow diagram in the web-modeler. we created the shapes and connection through bpmn-js modeling. We adjusted the shapes position based on the number of nodes but the connections are getting overlapped.
Can we get some advise on how to update the waypoints for bending and also create new waypoints.
Please find sample screenshot.
image

How are you creating the connections?