This entire div is a connection target. When you drop a connection on this div, a new Endpoint is created and the connection is attached to it. The new Endpoint has a dynamic anchor with locations at each of the four corners of the div.

This div has three source endpoints from which you can drag an unlimited number of connections.

This div is a connection target. When you drop a connection on it, a new Endpoint is created and the connection is attached to it. The new Endpoint is located exactly where on the div you let go of the mouse button.

This entire div is a connection target. When you drop a connection on this div, a new Endpoint is created and the connection is attached to it. The new Endpoint is snapped to a 2x3 grid.