title: AngularJS - Combining drag drop with flow chart
body: <p>Im trying to create a flow chart with drag and drop functionality like<a href="https://i.stack.imgur.com/KDK0Y.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KDK0Y.png" alt="enter image description here"></a></p>
  
  <p>The list of components are dynamic and each component can appear atmost once,
  first and last column can have only one component while the all columns between them can have atmost 3 components, there can be n number of these 3 component columns
  I've looked into <a href="https://github.com/codecapers/AngularJS-FlowChart" rel="nofollow noreferrer">angularjs-flowchart</a> 
  and 
  <a href="https://github.com/codef0rmer/angular-dragdrop" rel="nofollow noreferrer">angular-dragdrop</a>
  but can't figure a way to combine them, any ideas</p>
  
  <p>Thanks in advance....:)</p>