Using AngularJS (version 1.4.7) and ngflowchart to create graphics for data lineage

[Gary Hanson]

Background:  I am in the process of building graphics for data lineage via a metadata repository app.  Specifically, I am having a problem in connecting lines between source and target nodes as the lines (or edges) do not attached to either top/bottom connectors via nodes.  To create the proper data lineage flow, I am using actual data lineage keys (stored in a MySQL table) to represent the source to target connections and to build the appropriate arrays (nodes/connectors and edges) that should allow connecting one or more lines between source and target nodes (or boxes).  

There appears to be little documentation on ngflowchart, such as a developers guide.  This link provides the best documentation that I could find:  https://github.com/DaHaiz/ngFlowchart

My basic question:  Is ngflowchart a good method to use in building a graphical data lineage flow?  If yes, can you point me to AngularJS/ngflowchart examples or documentation that address my problem and general purpose? 

Your help is much appreciated!

Thanks, Gary

[Gary Hanson]

With no responses to my original question, let me restate my request:  For AngularJS (v1.4.7), what is the preferred data flow graphics software?

The attached slides illustrate the connector issue that I am having.  I have actually gotten pretty far in building a graphical 'data lineage flow' model using ngflowchart.  The jade page is showing exactly the right nodes in proper sequence (left to right) with the exception of the connection lines.  I have been stuck with this issue for some time now and wondering with the lack of a dev-guide like documentation, is ngflowchart the right graphics plug-in?    

Any help and thoughts to this AngularJS issue will be much appreciated!

Thanks, Gary