I have made a rough sketch to illustrate what I'm trying to do.
The rectangle at the top of the picture with three arrows coming from it is a div. The square each of the three arrows are pointing to is a div. How would I render three arrows such that they all that start from the rectangle and the first arrow points to the top left corner; the second arrow points to the top middle of the div; the third arrow points to the top right corner?
My application uses d3.js so I can use that if it makes it easier. Can you explain how I can achieve what I want to achieve?