title: Items in grid structure with arrows between items
body: <p>I am trying to do a grid with drag and drop, similar to what can be offered by Muuri (<a href="https://haltu.github.io/muuri/" rel="nofollow noreferrer">https://haltu.github.io/muuri/</a>), Draggable (<a href="https://shopify.github.io/draggable/" rel="nofollow noreferrer">https://shopify.github.io/draggable/</a>), and many others.</p>
  
  <p>My problem is that I want edges or arrow between the grid items. This can be obtained if I, instead of a grid, use a tool to draw network graphs (e.g. <a href="http://js.cytoscape.org/" rel="nofollow noreferrer">http://js.cytoscape.org/</a>), but I don't want that much freedom in terms of where the items can be. I just want a simple 4 column with same-size items.</p>
  
  <p>How can this be accomplished? Would it be possible to just use Muuri and then add elements on top of the items with <code>position: absolute</code> to reflect the arrows between the items?</p>