AngularJS - Combining drag and drop with a flowchart

Question

Im trying to create a flowchart with drag and drop functions like

The list of components is dynamic, and each component can appear once once, the first and last columns can have only one component, while all columns between them can have almost 3 components, there can be n the number of these three columns of the component. I looked through angularjs -flowchart and also angular-dragdrop but cannot understand how to combine them, any ideas

Thanks in advance....:)

Answer 1

! , SVG D3.js AngularJS . d3 AngularjS. , . .

, . [ 1, 2 .., ]. - - . "" , - ng-repeat. . TheBox. TheBox . SVG . , d3.js TheBox.

: http://d3js.org/

https://en.wikipedia.org/wiki/Scalable_Vector_Graphics

, - !